ペア縦棒グラフv1.0.3

ブロックを 1 つ貼り付けるだけで、本物のデータビジュアライゼーションがページに表示されます。SVG で手描きしたものではなく、きちんと描画されたチャートです。数値を入れれば、図形が自動で描き直されます。

手に入るもの

• ペア縦棒グラフの完全なソースコード。コンポーネントファイルと実行可能な使用例がセットで、そのまま貼り付けて編集できます。
• 文書化されたビジュアル仕様。カラーパレット、文字サイズの体系、角丸、アイコンの線幅、モーションのタイミングをすべてトークンとして 1 か所で編集できます。
• チャート設定はシンプルなデータとして提供。自分の系列に差し替えれば、あとはチャート層が処理します。

使い方

1. セクションを置く場所をアシスタントに伝えてください。まずプロジェクトを読み込み、そのプロジェクトの書き方に合わせてブロックを書きます。
2. テキストを自分の言葉に差し替えます。文字サイズや余白はそのまま崩れません。
3. 数値を自分の系列に差し替えます。グラフは描き直され、配色と軸は一貫したまま保たれます。
4. 公開前にスマートフォンで確認してください。もともとスマートフォンでも崩れないように作られています。