円グラフを描くには楕円を描かないといけない。SVGで楕円を描くには、path要素を使うっぽい。path要素のd属性で描画に必要な座標とかを指定するんだけど、直感的に分かりにくい。 下図のような図を描くには 次のようなSVG文書を書く。 <svg width="300" height="300"> <path d="M 150 150 L 150 0 A 150 150 0 0 1 232.42634671062092 24.67682828805954 Z" fill="#947fff" /> </path></svg>