D3.js e SVG

  <svg width="200" height="200">
  <circle cx="100" cy="120" r="70" fill="#D1495B" />
  <rect x="82" y="35" width="36" height="20" fill="#F79257" />
  <circle
    cx="100"
    cy="25"
    r="12"
    fill="none"
    stroke="#F79257"
    stroke-width="2"
  />
</svg>

 
Fra gli elementi del DOM, d3.js utilizza prevalentemente le forme vettoriali definite attraverso la sintassi dell’SVG (Scalable Vector Graphics) offrendo la possibilità di modificare tutti gli attributi delle forme già presenti nell’HTML o di creare di nuove.

• Hunor Márton Borbély