每月 US$9.99 即可存取所有 Premium Skills,隨時取消。查看方案

摘要折線圖v1.0.3

使用這個 Skill:製作資訊圖表。

人氣上升
5.034 次下載0 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼?

摘要折線圖是可直接貼上的資料視覺化區塊,以可編輯原始碼形式提供並附使用範例。圖表透過統一的圖表層繪製,而非手刻 SVG,並附不需 WebGL 函式庫即可執行的 canvas 背景。配色、字體與圓角皆為 token,改一次即套用到整個區塊。

更新於 2026年8月31日

摘要折線圖成果預覽

執行於

Claude CodeClaude Desktop / CoworkChatGPTCodexCursorGitHub CopilotOpenClawHermesOpenCodeKilo Code

安裝指南

生成模型

宿主 Agent 模型

相似的 Skills

查看所有 Skills

你將獲得

  • 摘要折線圖 的完整原始碼——元件檔案加上可執行的使用範例,貼上就能編輯。
  • 一份書面視覺規範:配色、字級、圓角、圖示線寬與動態時序,全部以 token 集中在一處編輯。
  • 圖表設定以純資料形式提供——換上你自己的資料序列,其餘交給圖表層處理。

適合

  • 你需要在頁面上放資料視覺化,又不想自己串接圖表函式庫。
  • 你希望圖表的配色與間距和頁面其他部分一致。
  • 你想要可讀、可編輯的原始碼,而不是又一個得持續升級的相依套件。

不適合

  • 已在使用成熟設計系統的團隊——這套配色與字級會和你們的互相衝突。
  • 想要有版本號 npm 套件的人;這裡交給你的是需要自行維護的原始碼。
  • 需要即時串流資料,或要對超大資料集做虛擬化捲動的圖表。
客戶交付與高層簡報學術研究與技術溝通網頁設計與數位體驗製作資訊圖表製作 UI 視覺建置網頁成果可編輯視覺精美新手友善暖中性色青綠點綴生成式背景

關於此 Skill

你說/bs-data-visualization-summary-lines 把這個資料視覺化放進我的 Dashboard 頁面,並使用我的數據。

使用者評價

正在載入評價…

常見問題