幣圈Top 10成交量樹形圖

📘 專案說明

📌 視覺化目標

本圖表以 Binance API 的真實資料為基礎，呈現市值前十大加密貨幣在不同時間區間內的成交量與漲跌幅。
目的是幫助使用者快速了解市場熱度與變化，作為投資或觀察幣圈的參考依據。

🧩 任務對應與資料分析

使用者可依據時間區間（15分鐘、1小時、4小時、1天、1週）切換不同的交易狀況，觀察哪些幣種在特定時間內交易最活躍、漲跌情況最劇烈。
面積大代表成交額高，顏色代表漲跌幅，這樣的視覺化可快速引導使用者聚焦於關鍵幣種與異常變化。

🎨 Mark 與 Channel 設計

本圖使用 D3.js 繪製 Treemap 圖表，採用以下設計概念：
・Mark： 使用矩形（rect）表示每個幣種。
・Channel： 面積大小代表成交額（quoteVolume）、顏色漸層代表漲跌幅（priceChangePercent）
・紅色表示下跌，綠色表示上漲，顏色越深代表漲跌幅越大。

📁 資料來源

本圖表資料來自 Binance 提供的公開 API，資料更新時間依據所選時間區間自動切換。