d3-visualization

d3-visualization

整理自 @jiannanya。

功能簡介

教導 Agent 製作 D3 圖表與互動式資料視覺化。這是一套完整的 D3.js Skill，提供涵蓋各種圖表類型與技術的範例，讓 Agent 具備製作複雜互動視覺化的專家級能力。適用於新聞編輯儀表板、數據報告、資料密集的原型與解說性圖表。

來源

• 上游：https://github.com/jiannanya/snow-d3/
• 分類：diagrams

使用方式

此目錄條目會在 Open Design 中宣傳該 Skill，方便 Agent 在任務規劃階段自動探索。若要執行包含原始資源、腳本與參考文件的完整上游工作流程，請將上游套件安裝至當前 Agent 的 skills 目錄中：

# 檢視上游 README 以取得精確路徑
open https://github.com/jiannanya/snow-d3/

# 將 snow-d3/ 資料夾 Clone 或複製至工作區的 skills/ 目錄中
git clone https://github.com/jiannanya/snow-d3.git skills/snow-d3

接著要求 Agent 透過名稱（d3-visualization）或此 Skill frontmatter 中列出的觸發語句來呼叫，例如：

「幫我的銷售數據建立可縮放的矩形樹圖 (treemap)」
「參考範例 07，用我自己的資料集打造力導向網路圖 (force-directed network graph)」
「用 D3 生成日曆熱力圖 (calendar heatmap)」