chartli について
chartliは、数値データをターミナル用チャートやSVGに変換するエージェント向けスキルです。ファイルまたは標準入力のデータを読み込み、複数の表示形式やラベルを指定できます。
主な機能
- 01ASCII、Unicode、Braille、SVGチャート
- 02スパークライン、棒、列、ヒートマップ
- 03ファイルまたは標準入力から数値行を読み込み
- 04チャートサイズと軸ラベルの設定
- 05カテゴリラベルとデータラベルの追加
活用シーン
- 01ターミナルで数値データを確認
- 02ヒートマップで複数系列を比較
- 03折れ線または円のチャートをSVGで出力
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ ahmadawais/ chartli --skill chartliインストール後、Claude Code で/chartliを入力して読み込まれたか確認します。
詳細
chartli スキル
エージェントが数値データをターミナルで ASCII/Unicode/SVG チャートとして可視化する必要がある場合に、このスキルを使用してください。
インストール
npx skills add ahmadawais/chartli
CLI でのインストール/使用
すぐに使用する場合:
npx chartli --help
グローバルにインストールする場合:
npm i -g chartli
chartli でできること
- チャートの種類をレンダリングします:
ascii、spark、bars、columns、heatmap、unicode、braille、svg - ファイルパスから入力を読み取ります
- ファイルが渡されない場合は stdin から読み取ります
--widthと--heightで出力のサイズを調整します--mode circles|linesで SVG をレンダリングします--x-axis-labelと--y-axis-labelでx軸とy軸のタイトルを追加します--x-labelsと--series-labelsでカスタムの目盛り/カテゴリラベルを追加します--data-labelsでプロットしたデータに生の値を表示します--first-column-xで最初の数値列を x 軸ラベルとして使用します
コマンドのテンプレート
ファイルから:
npx chartli <file> -t <type> [--width N] [--height N] [--mode circles|lines] [--x-axis-label LABEL] [--y-axis-label LABEL] [--x-labels a,b,c] [--series-labels foo,bar] [--data-labels] [--first-column-x]
stdin から:
printf 'x y\n1 10\n2 20\n3 15\n' | npx chartli -t ascii -w 24 -h 8
ラベル付きの 2 列チャート:
printf 'day value\n1 10\n2 20\n3 15\n' | npx chartli -t ascii -w 24 -h 8 --first-column-x --data-labels
種類ごとの例:
npx chartli data.txt -t ascii -w 24 -h 8
npx chartli data.txt -t spark
npx chartli data.txt -t bars -w 28
npx chartli data.txt -t columns -h 8
npx chartli data.txt -t heatmap
npx chartli data.txt -t unicode
npx chartli data.txt -t braille -w 16 -h 6
npx chartli data.txt -t svg -m lines -w 320 -h 120
入力形式
空白区切りの数値行です。ヘッダー行は任意で指定できます。
day sales costs profit
1 10 8 2
2 14 9 5
3 12 11 3
--first-column-x を設定すると、最初の数値列が x 軸ラベルになります。ヘッダー行がある場合、chartli は最初のヘッダーセルを x 軸のタイトルとして使用し、残りのヘッダーを系列ラベルとして使用します。一般的な 2 列入力では、2 番目のヘッダーセルが y 軸のタイトルになります。
リポジトリのサンプルアセット
examples/assets/core-single-series.txtexamples/assets/core-multi-series.txtexamples/assets/image-data.txtexamples/assets/image-columns-variant.txt
コメント
Markdown 対応