![Figma Plugin「Bar Chart Generator」を作りました](/images/blog/20240726_bar_chart_generator_figma/cover.png)
円グラフジェネレーターに続いて、棒グラフが作れる Figma プラグイン「Bar Chart Generator」も公開しました。 Google Spreadsheet からデータを直接コピペできる物が欲しかったので作りました。
- 行区切り(CSV 形式)で値を入力し、Create で円グラフが作れます
- Google SpreadSheet からコピペできて便利です!
- Google 風の Colorful なカラースケールや、グレースケール、単色スケールなどのカラープリセットを用意しています
- 値やラベルを表示したり、ラベルを斜めにしたり(Slantwise)できます
- それぞれのパーツはレイヤーに分かれており、編集可能な状態で生成できます
こちらも普段から使用していましたがあくまで自分用だったので、ちゃんと動作させるための成型でやや手間取りました。こちらも各所でご紹介いただけると幸いです!
![User Interface](/images/blog/20240726_bar_chart_generator_figma/intro1.png)
![Preset Colors](/images/blog/20240726_bar_chart_generator_figma/intro2.png)
![Graph Styles](/images/blog/20240726_bar_chart_generator_figma/intro3.png)
![Options](/images/blog/20240726_bar_chart_generator_figma/intro4.png)
![Editable!](/images/blog/20240726_bar_chart_generator_figma/intro5.png)
※ こちらもプリセットカラーには、オープンソースの Design System である PatternFly のカラーシステムを一部利用しています。
余談
これと先の円グラフジェネレーターがあれば大体の会社説明資料とか作れるようになるので、 Figma Slide を活用していきたさがありますね。