SVG image as JSF page

image.jsp

<?xml version="1.0" standalone="no"?>
<%@page contentType="image/svg+xml" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" version="1.1">
    <path fill="#3399FF"
        d="M150,150 L50,150 L50,50 L150,50 L200,150 L250,150
            A100,100 0 0,1 150,250"/>
    <path stroke="black" stroke-width="1"
        d="M0,150 L300,150 M300,150 L295,145 M300,150 L295,155
        M150,300 L150,0 M150,0 L145,5 M150,0 L155,5"/>
    <path stroke="black" stroke-width="0.5"
        d="
        M50,153 L50,147
        M147,50 L153,50
        M200,153 L200,147
        M147,250 L153,250"/>
    <text x="97%%" y="56%%">x</text>
    <text x="44%%" y="4%%">y</text>
    <text x="155" y="50">R</text>
    <text x="125" y="250">-R</text>
    <text x="200" y="140">R/2</text>
    <text x="45" y="170">-R</text>
    <f:view>
        <c:forEach items="#{Area2023.points}" var="hit">
            <ellipse fill="${hit[0]}" cx="${hit[1]}" cy="${hit[2]}" rx="3" ry="3"/>
        </c:forEach>
    </f:view>
    <ellipse fill="%s" cx="%d" cy="%d" rx="3" ry="3"/>
</svg>