D3 Examples - Interactive rota V

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="Interactive rota V"/>
        <title>Interactive rota V</title>
        <link type="text/css" href="index.css" rel="stylesheet"/>
        <script src="https://d3js.org/d3.v3.min.js"></script>
    </head>
    <body>
        <svg height="800" width="960">
          <defs>
            <pattern id="rota_img"
              patternUnits="userSpaceOnUse"
              x="-479.5"
              y="-367"
              width="800"
              height="800"
              viewBox="0 0 800 800">
              <image
                xlink:href="https://wafi.iit.cnr.it/webvis/tmp/clavius/rota_5.jpg"
                x="80"
                y="0"
                height="800"
                width="800"
              />
            </pattern>
          </defs>
          <g id="zoom_group">
            <g transform="translate(479.5,367)">
              <rect
                fill="url(#rota_img)"
                x="-479.5"
                y="-367"
                width="800"
                height="800"
              />
              <g id="rota_1" class="rota">
                <circle
                  fill="url(#rota_img)"
                  cx="0"
                  cy="0"
                  r="92.5"
                />
                <circle
                  class="highlight"
                  cx="0"
                  cy="0"
                  r="92.5"
                />
              </g>
              <circle
              fill="url(#rota_img)"
              cx="0"
              cy="0"
              r="26"
            />
            </g>
          </g>
        </svg>
        
        <script src="index.js"></script>
    </body>
</html>
    