ここから
アトラスへの短い道 — 1つ選んで7セクションへ。
可視化のすべての人気
可視化 FAQ
スタジオはフルデザインスイートの代替？
スコアは「最高」チャートを決める？
スタジオはWCAG合格を保証？
円グラフは常に悪い？
スタジオ
図鑑を見る
📊 チャート
棒、折れ線、円、散布、ヒート、滝、ファネル、ツリーマップ。
▮ 棒グラフ
共通の基準線でカテゴリを比較する。報告書・広告・課題で最も正直な定番チャート。
開く →
📈 折れ線グラフ
連続した軌跡で時間変化を示す。報告書と理科課題の定番。
開く →
◐ 円・ドーナツ
部分と全体を一目で見せる魅力的な形。広告では強いが、切片が増えると危険。
開く →
⚬ 散布図
2つの測定変数を点の雲で。相関を語る最も正直な方法。
開く →
▦ ヒートマップ
強度の行列。密度が高く魅力的だが、虹スケールで簡単に嘘をつける。
開く →
📶 ウォーターフォール
合計の組み立て — 開始、増、減、終了。財務スライドで今も効く。
開く →
▽ ファネル
縮小する段階。マーケと広告は好むが、理科なら幅が正直か問う。
開く →
▭ ツリーマップ
階層を入れ子の矩形で。円が詰まるときのファイル・予算・ポートフォリオ。
開く →
📶 ヒストグラム
ビンごとの件数。カテゴリ比較ではなく、測定値がどこに積もるか。
開く →
🔀 ダイアグラム
フロー、組織、マインドマップ、ベン、タイムライン。
⬡ 図形
幾何、矢印、コールアウト、ブロック。
🎯 工芸
配色、データインク、アクセシビリティ。
✦ スタジオ
業務報告、広告、課題、ピッチ。
W 方法
20 の実用的なプレイブック (コントラスト、グリッド、マーメイド、ECharts、D3、Lucide など) がライセンスと GitHub リンク付きで提供されます。
A11Y WCAG コントラスト チェック
出荷前にテキストと背景のコントラストを確認してください。スライド、サイト、ポスターのアクセシビリティを最速で実現します。
開く →
PAL パレットとスケールビルダー
印刷物や色盲の視聴に耐えられる、カテゴリカルで順次的な分岐パレットを構築します。
開く →
Aa タイポグラフィスケール
スライドや概要資料でタイトル、本文、キャプションが互いに衝突しないように、モジュラー タイプのスケールを選択してください。
開く →
GRID スライドとドキュメントのグリッド
すべてのブロックをシンプルなグリッドに揃えることで、デザイナーがいなくてもレポート、ピッチ、ポスターが意図的に見えるようにします。
開く →
CHOOSE データとチャートの決定
ツールを開く前に、質問をエンコード (比較、傾向、部分と全体、相関関係) と照合してください。
開く →
MM 人魚のテキスト図
フローチャートまたはシーケンスをプレーン テキストで作成します。マーメイド経由でバージョン管理可能、レビュー可能、無料です。
開く →
SEQ シーケンス図のパターン
時間の経過とともに誰が誰と話しているのかを表示します - API、ハンドオフ、プロトコルのオフィスと教室のパターン。
開く →
SKETCH Excalidraw スケッチ ワイヤーフレーム
磨きをかける前に Excalidraw でアイデアをスケッチします。手描きの鮮明さは、時期尚早のピクセル クラフトに勝ります。
開く →
EC Apache ECharts ダッシュボード
Apache ECharts を使用してインタラクティブなオフィス ダッシュボードを出荷 - Apache-2.0、巨大なチャート カタログ、独自のスクレイピングなし。
開く →
CJ Chart.js クイック チャート
プラットフォームではなく Web チャートが必要な場合は、Chart.js を正直な棒と線のページにドロップします。
開く →
D3 D3カスタムクラフト
エンコーディングがテンプレートに存在しない場合は、D3 に到達します。フル コントロールであり、クラフト コストが高くなります。
開く →
VL Vega-Lite 文法
Vega-Lite を使用して JSON でエンコーディングを宣言します。グラフィックスの文法を教える再現可能なチャートです。
開く →
PLOT 観察可能なプロットキット
Observable Plot を使用して整然としたテーブルをプロットします。簡潔で、ISC ライセンスがあり、分析の説明者にとって使いやすいものです。
開く →
ROUGH Rough.js アノテーション
Rough.js ストロークを使用して注釈を付けたり強調したりできます。クロムではなく人間のようなマークを通じて説得力を発揮します。
開く →
SANK サンキーフローのストーリー
Sankey を使用して、予算、目標到達プロセス、エネルギー ストーリーなどのステージ間で数量がどのように移動するかを説明します。
開く →
NET ネットワークグラフマップ
オープンなグラフ ライブラリを使用して、チーム、引用、依存関係などの関係をノードとリンクとしてマップします。
開く →
MAP コロプレスのストーリー マップ
オープンな地域スタックと正直なカラー スケールを使用して、選挙、健康、売上などの割合で地域をシェーディングします。
開く →
ICO オープンアイコンシステム
開いたアイコン セットを 1 つ選び、それに固執します。デッキや製品では、一貫したメタファーが混合クリップアートを打ち負かします。
開く →
CV インフォグラフィックレシピを再開する
1 ページのビジュアル履歴書を作成します。グリッド、タイプ スケール、正直なスキル バー、開いたアイコン - クリップアート ダンプはありません。
開く →
QBR 四半期報告書のビジュアル
反復可能な四半期ごとのパック: ウォーターフォール ブリッジ、トレンド ライン、コントラスト セーフ タイプ、スライドごとに 1 つのアイデア。
開く →