<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:rs="http://jena.hpl.hp.com/2003/03/result-set#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" width="100%" height="100%" version="1.1" onload="init(evt)">
  <g stroke="gray" stroke-width="1">
    <path id="line100" d="M 0,0 L 650,0"/>
    <path id="line95" d="M 0,18 L 650,18"/>
    <path id="line90" d="M 0,36 L 650,36"/>
    <path id="line85" d="M 0,54 L 650,54"/>
    <path id="line80" d="M 0,72 L 650,72"/>
    <path id="line75" d="M 0,90 L 650,90"/>
    <path id="line70" d="M 0,108 L 650,108"/>
    <path id="line65" d="M 0,126 L 650,126"/>
    <path id="line60" d="M 0,144 L 650,144"/>
    <path id="line55" d="M 0,162 L 650,162"/>
    <path id="line50" d="M 0,180 L 650,180"/>
    <path id="line45" d="M 0,198 L 650,198"/>
    <path id="line40" d="M 0,216 L 650,216"/>
    <path id="line35" d="M 0,234 L 650,234"/>
    <path id="line30" d="M 0,252 L 650,252"/>
    <path id="line25" d="M 0,270 L 650,270"/>
    <path id="line20" d="M 0,288 L 650,288"/>
    <path id="line15" d="M 0,306 L 650,306"/>
    <path id="line10" d="M 0,324 L 650,324"/>
    <path id="line5" d="M 0,342 L 650,342"/>
    <path id="line0" d="M 0,360 L 650,360"/>
  </g>
  <rect x="10" width="20" rx="5" y="55" height="16" style="fill:rgb(190,90,40); stroke:black; stroke-width:1"/>
  <text x="40" y="69" style="file:black">USA</text>
  <rect x="10" width="20" rx="5" y="73" height="16" style="fill:rgb(220,180,80); stroke:black; stroke-width:1"/>
  <text x="40" y="87" style="file:black">UK</text>
  <rect x="10" width="20" rx="5" y="91" height="16" style="fill:rgb(250,14,120); stroke:black; stroke-width:1"/>
  <text x="40" y="105" style="file:black">FR</text>
  <rect x="10" width="20" rx="5" y="109" height="16" style="fill:rgb(24,104,160); stroke:black; stroke-width:1"/>
  <text x="40" y="123" style="file:black">JP</text>
  <rect x="10" width="20" rx="5" y="127" height="16" style="fill:rgb(54,194,200); stroke:black; stroke-width:1"/>
  <text x="40" y="141" style="file:black">DE</text>
  <text id="textLabel" x="300" y="50" font-weight="bold"> </text>
  <text id="textLabel" x="50" y="320">Hold your mouse over the slice to see more details.</text>
  <g stroke="black" stroke-width="2">
    <path style="fill:rgb(190,90,40);" d=" M 228 208 L 228 228 A 180 90 0 0 1 380 90 L 380 70 A 180 90 0 0 0 228 208 z "/>
    <path style="fill:rgb(190,90,40);" d=" M 380 160 L 380 70 L 380 90 L 380 180 z "/>
    <path style="fill:rgb(190,90,40);" d=" M 380 160 L 228 208 L 228 228 L 380 180 z "/>
    <path style="fill:rgb(220,180,80);" d=" M 380 70 L 380 90 A 180 90 0 0 1 560 186 L 560 166 A 180 90 0 0 0 380 70 z "/>
    <path style="fill:rgb(220,180,80);" d=" M 380 160 L 380 70 L 380 90 L 380 180 z "/>
    <path style="fill:rgb(220,180,80);" d=" M 380 160 L 560 166 L 560 186 L 380 180 z "/>
    <path style="fill:rgb(250,14,120);" d=" M 380 160 L 228 208 L 228 228 L 380 180 z "/>
    <path style="fill:rgb(250,14,120);" d=" M 380 160 L 314 244 L 314 264 L 380 180 z "/>
    <path style="fill:rgb(250,14,120);" d=" M 314 244 L 314 264 A 180 90 0 0 1 228 228 L 228 208 A 180 90 0 0 0 314 244 z "/>
    <path style="fill:rgb(24,104,160);" d=" M 380 160 L 560 166 L 560 186 L 380 180 z "/>
    <path style="fill:rgb(24,104,160);" d=" M 380 160 L 436 246 L 436 266 L 380 180 z "/>
    <path style="fill:rgb(24,104,160);" d=" M 560 166 L 560 186 A 180 90 0 0 1 436 266 L 436 246 A 180 90 0 0 0 560 166 z "/>
    <path style="fill:rgb(54,194,200);" d=" M 380 160 L 314 244 L 314 264 L 380 180 z "/>
    <path style="fill:rgb(54,194,200);" d=" M 380 160 L 436 246 L 436 266 L 380 180 z "/>
    <path style="fill:rgb(54,194,200);" d=" M 436 246 L 436 266 A 180 90 0 0 1 314 264 L 314 244 A 180 90 0 0 0 436 246 z "/>
    <path onmouseover="activateSlice(evt)" style="fill:rgb(190,90,40);" title="USA: 34%" d=" M 380 160 L 228 208 A 180 90 0 0 1 380 70 z "/>
    <path onmouseover="activateSlice(evt)" style="fill:rgb(220,180,80);" title="UK: 26%" d=" M 380 160 L 380 70 A 180 90 0 0 1 560 166 z "/>
    <path onmouseover="activateSlice(evt)" style="fill:rgb(250,14,120);" title="FR: 10%" d=" M 380 160 L 314 244 A 180 90 0 0 1 228 208 z "/>
    <path onmouseover="activateSlice(evt)" style="fill:rgb(24,104,160);" title="JP: 19%" d=" M 380 160 L 560 166 A 180 90 0 0 1 436 246 z "/>
    <path onmouseover="activateSlice(evt)" style="fill:rgb(54,194,200);" title="DE: 11%" d=" M 380 160 L 436 246 A 180 90 0 0 1 314 244 z "/>
  </g>
  <script type="text/javascript">
            
            var svgDoc;
            var statusBar;
            
            function init(evt) {
               svgDoc    = evt.target.ownerDocument;
               statusBar = svgDoc.getElementById('textLabel').firstChild;
            }
            
            function activateSlice(evt) {
               statusBar.nodeValue  = evt.target.getAttribute('title');
            }
            
         </script>
</svg>
