|<- [[What is SVG]]|[[Drawing SVG graphics with D3]] ->|

===== Understanding SVG primitives =====

<code>
<svg width="600" height="400" style="background: #cccccc">
  <rect x="250" y="150" width="100" height="10" style="fill: #ff0000" />
  <circle cx="200" cy="200" r="5" style="fill: #dd3333" />
  <text x="10" y="20" font-size="25" fill="cyan">SVG</text>
  <g id="triangle">
    <polyline points="10 35, 30 10, 50 35" style="fill: #0000ff;" />
    <polyline points="20 45, 40 20, 60 45" style="fill: #3333cc;" />
  </g>
  
  <!-- copie -->
  <use xlink:href="#triangle" x="50" y="50" />
</svg>
</code>