d3js畫的圓餅圖 #1 Intro

Intro

這次來做圓餅圖，呈現台灣四大便利超商的店數

大綱

這個系列總共有 5 篇

1. Intro
2. 畫出圓餅圖
3. 加上商家和店數
4. 文字資訊移到圓餅圖外
5. 更正數據&放大選到的派

數據哪裡來

政府資料開放平臺-全國 4 大超商資料集

參考

Pie charts labels
Donut chart with group label in d3.js
Pie chart with labels
Pie start and end angle

使用技術

• D3js
• ReactJs with Typescript

---

source code