創建一個使用 HTML、p5.js、D3.js 和 Plotly.js 的網頁，包含一個下拉選單，允許用戶選擇 72 種圖表類型中的10種，並對應顯示一個合適的簡單的示例圖表, 展示一個框架，包含下拉選單和一個 Plotly.js 條形圖示例，並說明如何擴展到其他圖表類型。 以下為72種圖表類型的名稱（繁體中文）： 條形圖 水平條形圖 堆疊條形圖 群組條形圖 百分比堆疊條形圖 瀑布圖 折線圖 面積圖 堆疊面積圖 平滑折線圖 階梯圖 多軸折線圖 圓餅圖 甜甜圈圖 多層甜甜圈圖 玫瑰圖 太陽圖 極區圖 散點圖 氣泡圖 高低圖 矩陣散點圖 密度圖 等高線圖 雷達圖 熱圖 平行座標圖 桑基圖 弦圖 網絡圖 流程圖 樹狀圖 樹圖 分形圖 環形圖 混合圖 箱形圖 蠟燭圖 甘特圖 漏斗圖 地圖圖 時間軸圖 馬賽克圖 詞雲圖 圓環進度圖 直方圖 小提琴圖 帕雷托圖 點陣圖 條形賽跑圖 曲線面積圖 放射圖 六邊形網格圖 圓形條形圖 河流圖 火柴圖 人口金字塔圖 維恩圖 關係矩陣圖 條形時間序列圖 圓形熱圖 圖表式儀表盤 比例面積圖 堆疊河流圖 動態氣泡圖 多層圓餅圖 階層聚類圖 地圖氣泡圖 折線賽跑圖 放射樹圖 圓形流程圖 數據流圖
— Happy Charting!
See the Pen SmartArtJS 圖表應用 by 01 Scratchinai (@01-Scratchinai) on CodePen.