データスパークライン生成ツール
カンマ区切りの数値を貼り付け、小さな折れ線をプレビューして文書やページ用の SVG をコピーします。
スパークラインのプレビュー
値の数
最小値
最大値
サンプルのスパークラインを表示しています。
使い方
使い方
- 有限の数値を最大 250 個、カンマ区切りで入力します。
- レスポンシブな線グラフと最小値、最大値、件数を確認します。
- SVG マークアップをコピーするか、SVG ファイルをダウンロードします。
小さく、サイズ変更可能
最小値と最大値を描画領域に割り当て、データの順序を保ちます。すべて同じ値なら水平線になります。SVG は viewBox を使い、コンテナーに合わせて拡大縮小できます。
プレーンな SVG 出力
生成した SVG をコピーまたはダウンロードし、文書や HTML に貼り付けます。線と点だけで構成され、外部画像、フォント、スクリプトに依存しません。
ローカル処理
解析、プレビュー、SVG の生成はこのブラウザー内で行います。値を送信または保存しません。
よくある質問
あわせて知りたいこと
どの入力形式に対応しますか？
カンマ、空白、改行で区切った有限の数値を入力します。最大 250 個まで対応し、それ以外の文字はエラーになります。
負の値も使えますか？
はい。正負の値をまとめて拡大縮小します。縦位置は相対的な大きさを示し、目盛り付きのゼロ軸ではありません。
別のページで SVG を使えますか？
SVG をコピーするかファイルをダウンロードしてください。viewBox により拡大縮小でき、必要ならレイアウトに合わせて width と height を調整できます。