D3をマスター 簡単な円グラフ

2021-05-22
d3

習得するにはとりあえず数をこなそうということで、次は円グラフです。

d3にはたくさんサンプルがあり、たいていの場合近しいグラフをそこで探してからカスタマイズします。サンプル集はこちらを参照ください。 https://observablehq.com/@d3/gallery

今日はこの中から円グラフを探して試してみます。

下記のサンプルを見つけたので、これに沿っていきましょう。  https://observablehq.com/@d3/pie-chart 

このサンプルではCSVファイルからデータを取得しているようなので、先にデータを用意します。 こちらのサイトから人口データを取得してきました。 https://www.e-stat.go.jp/stat-search/files?page=1&layout=datalist&toukei=00200521&tstat=000001011777&cycle=0&tclass1=000001094741

少しデータを加工して、1980年代の年齢ごとの人口にしました。 年齢別人口データ

公開日: 2021-05-21