【棒グラフ】Illustrator用チャート作成スクリプト(macOS/Window対応)
- Digital600 JPY







Adobe Illustratorではチャートが作りづらいですよね。Illustrator用の本スクリプトを利用すれば、データファイルを読み込んで、あとから自由に編集できる棒グラフを瞬時に生成します。
🎁 リリース記念価格 ¥500
※ 通常価格は ¥1,000 を予定しています。この機会にぜひ!
こんな悩みはありませんか?
データを使った図版を Illustrator で仕上げる方が、日常的に直面する問題として以下がありませんか。 ・データ入力の手間 — Illustrator のグラフツールはデータを 1 つずつ手入力(CSV を直接読み込めない)。系列・カテゴリが増えるほど入力ミスも起こりやすい ・要素ごとの調整作業 — 軸・目盛・棒・ラベルをひとつひとつ手で整える手間が大きい。Illustrator のグラフツールでは「グループ解除して見た目を編集」と「データの再編集」が両立しない ・限られた配色選択肢 — Excel・Numbers のデフォルト配色は媒体に合わない。色覚多様性への配慮も難しい ・データに合った色の付け分けが手作業 — 値の濃淡やカテゴリ別など、内容に合わせた色付けに手間がかかる ・チャート種の切替コスト — 縦棒 / 横棒、横並び / 積み上げの切り替えに、データを作り直す手間 ・後工程で仕上げる自由度がない — Excel・Numbers のグラフを画像で貼り付けるとベクターでないため印刷解像度に耐えず、フォント・色・線幅を後から調整できない
このスクリプトが解決すること
・CSV を読み込むだけで自動生成 — 手入力ゼロ、入力ミスのリスクもなし ・整理されたレイヤー階層で一括スタイル変更 — 軸・棒・ラベルなど要素ごとに瞬時に編集、生成後もすべてのパーツが個別に編集可能 ・学術・報道系で使われる定番パレットを 9 種同梱 — Excel・Numbers のデフォルト配色から脱却 ・データに合わせた色の付け方 — カテゴリ別、値の濃淡、正負の対比など ・多彩なチャート表現 — 縦棒 / 横棒、複数の切り口の横並び / 積み上げ ・媒体に合わせた仕上げが自由 — 完全ベクター出力。フォント・色・線幅・サイズすべて Illustrator 上で微調整可能
主な機能
【1. CSV から自動生成】 ダイアログから CSV ファイルを選び、生成ボタンを押すだけ。データを Illustrator のグラフツールに 1 つずつ手入力する手間も、入力ミスのリスクもありません。 【2. 整理されたレイヤー階層】 「軸線だけ選択」「カテゴリラベルだけフォント変更」がレイヤーパネルから瞬時に。線色と文字色を別レイヤーに分けてあるので、線の色 / 塗りの色を独立して一括変更できます。 【3. 九種類のカラーパレット】 ・カテゴリ別の色分け(色相で区別):Okabe-Ito(色覚多様性対応)/ Tableau-10 / ColorBrewer-Set2 ・値の濃淡で表現(同系色のグラデーション):青 / オレンジ / 緑 / グレー の 4 種 ・正負を対比(2 色で対照):赤↔青、紫↔オレンジ 【4. 色の付け方を選べる】 ・1番目の切り口ごとに ・2番目の切り口ごとに ・値の大小で(濃淡で表現) ・正負の値で(2 色で対比) データの内容に合わせて、適切な色の付け方を選べます。 【5. チャートのバリエーション】 ・縦棒 / 横棒 切替 ・切り口なし(単一カテゴリ)/ 切り口あり(横並び) ・積み上げ — 構成要素を縦/横に積む。正負混在の場合はゼロを基準に正を上、負を下に分けて積む 【6. 媒体に合わせた仕上げが自由(デザイン作業を加速する仕組み)】 ・スウォッチ・文字スタイルが自動登録 — 生成後、文字スタイルパネルから一括フォント変更 ・タイトル・値軸ラベル・切り口ラベルを入力欄で指定 — チャート上部のタイトル、値軸の単位や変数名(例:万円、%)、カテゴリ軸の外側ラベルをダイアログから設定できます ・前回値の記憶 — 同じ CSV で配色やサイズだけ変えて何度も試せる ・既存 Chart の置き換えオプション — レイヤーが増え続けない ・読みやすい目盛を自動算出 — 1, 2, 5, 10, 20... のような人の目に馴染む区切りを自動選択。千区切り(1,000 / 10,000)も自動付加 ・インストーラ付属 — 一度実行するだけで「ファイル > スクリプト」メニューに常駐
入力 CSV フォーマット
縦持ち(1 行に 1 データ)の CSV をご用意ください。列の順序は固定で、本ページの画像で案内している通り並べてください。 ダイアログで 2番目の切り口(並べて比べる / 積み上げる)を選ぶと、複数の切り口の見せ方が「横並び」と「積み上げ」に切り替わります。2 列目のユニーク値がすべて数値(`2023` など)の場合は自動的に「並べて比べる」に設定されます。 文字コードは UTF-8(BOM 有り/無し両対応)、Shift_JIS にも自動で対応。"東京, 港区" のようなカンマ含みセルも問題なく扱えます。
動作環境
・Adobe Illustrator 2024 / 2025 / 2026(Windows / macOS)で動作確認済み ・上記以外のバージョンでは動作しないことがあります ・本製品は現状(as-is)で提供されます。動作保証や継続的なアップデート提供は行っておりません
同梱物
・install.jsx...自動インストーラ ・CSV-to-BarChart.jsx...本体スクリプト ・samplesフォルダ...サンプルデータが格納されたフォルダ ・README.md...導入手順・使い方・トラブルシューティング ・LICENSE.txt...ライセンス条項
こんな方におすすめ
・雑誌・書籍・報告書・学術論文などの図版を Illustrator で仕上げる方 ・情報デザイン・インフォグラフィックスに関わる方 ・Excel や Numbers のグラフ画像貼り付けを脱却したい方 ・配色・フォント・線幅を媒体に合わせて自分で調整したい方
ライセンス
・個人・所属組織内の業務での使用 ◯ ・業務成果物(印刷物・Web 掲載物・展示物など)への使用 ◯ ・第三者への譲渡・転売・再配布 ✗ ・本製品は現状有姿(as-is)で提供され、特定目的への適合性を含めいかなる保証もいたしません 詳細は同梱の `LICENSE.txt` をご確認ください。
サポート
Booth のメッセージ機能でお受けしますが、対応をお約束するものではありません。あらかじめご了承ください。






