Vizboard(ビズボード):データを美しいインタラクティブなダッシュボードに

Data

概要

Vizboard は「任意のデータを美しい可視化ダッシュボードに変える」ことを目指した Claude Code Skill(AgentSkills 準拠)の実装です。Excel(.xlsx/.xls)、CSV、TSV、JSON/JSONL、あるいは直接貼り付けたテーブルデータを受け取り、VChart を用いて独立した HTML ページとしてインタラクティブなダッシュボードを生成します。KPI 指標カードの自動抽出や数値のスマートフォーマット(万/億など)、15 種類以上のチャートタイプ、複数のテーマを備え、Claude Code や OpenClaw など AgentSkills をサポートする AI エージェントプラットフォームと連携できます。

GitHub

リポジトリの統計情報

  • スター数: 5
  • フォーク数: 0
  • ウォッチャー数: 5
  • コミット数: 4
  • ファイル数: 7
  • メインの言語: Python

主な特徴

  • 多フォーマット入力対応:Excel、CSV、TSV、JSON/JSONL、コピペデータを受け付ける
  • 15+ のチャートタイプ:棒・線・面・円・散布・ヒートマップ・ツリーマップ等をサポート
  • KPI 自動抽出とスマートフォーマット:重要指標カードを自動生成
  • AgentSkills 準拠で Claude Code / OpenClaw 等と統合可能

技術的なポイント

Vizboard のレンダリング基盤は VChart(VisActor 社製の可視化ライブラリ)で、結果は単一の独立 HTML ページとして出力されるため、サーバー上の重いレンダリング処理を必要とせずクライアントサイドでインタラクティブに動作します。入力は Python 側でパースされ、Excel は openpyxl 等、CSV/TSV/JSON は標準ライブラリや軽量パーサで処理して内部データフレームに正規化します。その後、KPI 抽出ロジックが数値列を解析して重要指標(合計、平均、最大/最小、増減率など)を自動生成し、表示用に「万/億」などのロケールを考慮したフォーマットを適用します。

チャート構成は VChart の設定(オプションとテーマ)へマッピングされ、5 種類の内蔵テーマで見た目を切り替え可能。出力は HTML + JS(VChart を読み込む形)で完結するため、配布・共有が容易です。さらに AgentSkills のスキル仕様に従うことで Claude Code や OpenClaw といった AI エージェントから直接呼び出せ、AI の応答としてダッシュボード該当ファイルや HTML を返すワークフローに組み込めます。

設計上はプラグイン的にチャートタイプやテーマを追加しやすく、将来的にはカスタムテンプレートやサーバーレス変換パイプラインへの組み込みも想定できます。注意点として、ユーザー提供データをそのまま HTML に埋め込む際のサニタイズや、大規模データをクライアントで扱う際のパフォーマンス対策(サンプリングや集約)の実装が重要になります。

プロジェクトの構成

主要なファイルとディレクトリ:

  • .gitignore: file
  • LICENSE: file
  • README.md: file
  • SKILL.md: file
  • assets: dir

…他 2 ファイル

(assets 配下にテンプレートや VChart 関連の静的ファイルが含まれている想定。SKILL.md は AgentSkills に沿ったスキル定義やエンドポイント例を記述していると予想されます。)

まとめ

AgentSkills 準拠で手軽にデータ→HTMLダッシュボードを生成できる実用的なツールです。

リポジトリ情報:

README の抜粋:

Vizboard

一句话,把任何数据变成漂亮的可视化仪表盘。

Vizboard 是一个遵循 AgentSkills 开放标准的 AI 技能,能将 Excel、CSV、JSON 等数据文件或直接粘贴的数据,转化为精美的、交互式的独立 HTML 仪表盘页面。图表渲染基于字节跳动的 VChart

兼容 Claude CodeOpenClaw 及所有支持 AgentSkills 标准的 AI Agent 平台。

功能特性

  • 多格式输入 — 支持 Excel (.xlsx/.xls)、CSV、TSV、JSON、JSONL,也可以直接粘贴数据
  • 15+ 图表类型 — 柱状图、折线图、面积图、饼图、环形图、雷达图、散点图、仪表盘、漏斗图、树形图、旭日图、桑基图、词云、瀑布图、热力图、直方图
  • KPI 指標カード — 自动提取关键指标,智能格式化(万/亿后缀)
  • 5 种内置主题 — 暗色科技风、…