Skip to content セクションへスキップ
可視化のすべて

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 つのアイデア。

開く →