Awesome D3

D3を扱う資料や関連プロジェクトをまとめたAwesomeリストです。

チャート

billboard.js - 再利用可能なチャートライブラリ[bar、line、area、donut、pie、step、spline]。
britecharts - クライアントサイドで再利用可能なチャートライブラリ[bar、line、donut、sparkline、step]。
chart-parts - データ可視化向けの柔軟でReactフレンドリーなGrammar of Graphics。
cubism - 時系列可視化。
c3 - 再利用可能なチャートライブラリ[line、spline、step、area、stacked、bar、pie、donut]。
dagre-d3 - クライアントサイドで有向グラフをレイアウトします。
dc.js - 大量データ向け。
d2b - axis、pie、sankey、sunburstチャート向けライブラリ。
d3-bar - 棒グラフ。
d3-beeswarm - beeswarm配置を計算するプラグイン。
d3-boxplot - d3jsの箱ひげ図プラグイン。
d3-bumps-chart - bumpsチャートを可視化するプラグイン。
d3-dag - 有向非巡回グラフを可視化するレイアウトアルゴリズム。
d3-ez - 容易に再利用できるD3チャート・コンポーネント[bar、donut、pie、bubble、rose、heatmap]。
d3-flame-graph - 階層データからフレームグラフを作成します。
d3-funnel - ファネル・ピラミッドチャートライブラリ。
d3-gridding - グリッドを使うチャートモックアップ。
d3-heatmap - ヒートマップ。
d3-message-sequence - 動的・静的なメッセージシーケンスチャート。
d3-upset - UpSetプロットを描く関数[upset、bar、intersections、venn、relationships]。
d3-x3d - D3とX3Dによるデータ駆動3Dチャート[bubble、bar、surfacearea、scatterplot、area]。
d3fc - インタラクティブなチャートコンポーネントのコレクション[line、bar、stacked、scatter、candlestick、ohlc]。
d3plus - 可視化を容易に作成する拡張ライブラリ[scatter、stacked、line、bar、pie、network、bubble、box、map]。
d3panels - 連結ブラッシングによるインタラクティブなチャート[dot、scatter、line、heatmap、histogram]。
d3pie - 設定可能な円グラフライブラリ・ジェネレーター。
D3xter - 直接的なプロット[plot、timeline、bar、histogram、pie]。
D4 - 再利用可能なチャートDSL[bar、donut、line、scatter、stacked、waterfall]。
dTree - 家系図ライブラリ。
EventDrops - 時間ベース・イベント系列のインタラクティブ可視化。
metrics-graphics - 時系列データの可視化に最適化[line、scatter、area]。
micropolar - 極座標チャートライブラリ。
mpld3 - matplotlibグラフィックをブラウザーで動作する形へエクスポートします。
neo4jd3 - Neo4jグラフ可視化。
nvd3 - 再利用可能なチャート・チャートコンポーネント[box plot、buttlet、candlestick、line、bar、pie、scatter、sparkline]。
oecd-simple-charts - シンプルなチャートライブラリ[box plot、stacked bar、pearl chart]。
plotly.js - 高水準チャートライブラリ[scatter、line、bar、pie、box plot、histogram、heatmap]。
plottable - Web向けの柔軟でインタラクティブなチャート[area、bar、line、pie、scatter、stacked]。
rickshaw - インタラクティブなリアルタイムグラフを作るツールキット[line、scatter、bar]。
taucharts - デザインと柔軟性に重点を置くチャート[line、bar、area、stacked]。
vega - 可視化の文法。
vega-lite - インタラクティブグラフィックの高水準文法。
vega-lite-api - Vega-Lite向けJavaScript API。
venn.js - 面積比例のVenn・Euler図。
visavail - 時間データの可用性可視化。
vizabi - 視覚的データ探索ツールを構築するフレームワーク[bubble、map、line、bar、sankey、donut]。
WebCola - グラフ可視化・探索向けレイアウト。
xkcdgraphs - xkcdスタイルのグラフ[line]。

サードパーティ

Layer Cake - Svelteの上に構築されたグラフィックフレームワーク。
nivo - 同型能力を持つReact向けデータ可視化コンポーネント[bar、line、area、bubble、chord、heatmap]。
ngx-charts - Angular向けチャートフレームワーク[bar、pie、line、area、polar、stacked、bubble]。
potion - 可視化を構成するReactコンポーネントのコレクション。
react-d3-components - D3コンポーネント[bar、stacked、scatter、line、area、pie]。
react-d3-library - ReactでD3を使うライブラリ[area、bar、line、pie、scatter]。
react-stockcharts - 高度にカスタマイズ可能な株価チャート[area、line、scatter、bubble、bar、stacked、candlestick]。
react-vis - 可視化をレンダリングするReactコンポーネントのコレクション[area、bar、heatmap、line、scatter]。
reaviz - D3に基づくReact向けデータ可視化ライブラリ。
recharts - Reactで構築された再設計済みチャートライブラリ。
semiotic - ReactとD3を組み合わせたデータ可視化フレームワーク[scatter、line、area]。
victory - 可視化構築用の構成可能なReactコンポーネント[area、bar、candlestick、pie、line、scatter、voronoi]。
vx - React向け可視化コンポーネント[bar、line、scatter、stacked、area、pattern、heatmap、pie、radial、map、geo]。
Vs - Vue.js向け宣言的可視化コンポーネント[bar、line、area、pie、donut、stacked、sankey、timeline]。
v-chart-plugin - Vue.jsコンポーネント内に保存したデータへチャートを容易にバインドします。

地図

d3-composite-projections - 国の離れた領土をまとめて表示する投影法。
datamaps - 1ファイルで提供するカスタマイズ可能な地図可視化。
d3-topogram - TopoJSONに基づく連続面積カルトグラム。
d3-exploder - 地理的フィーチャーを容易に移動・リサイズできます。
d3-geo-polygon - 球面多角形向けクリッピング・幾何演算。
d3-geo-projection - 拡張地理投影。
d3-geo-scale-bar - 投影地理空間データ用の自動スケールバーを表示します。
d3-geo-voronoi - 球面向けVoronoi図・Delaunay三角分割。
d3-geomap - 地理地図を作成するライブラリ。
d3.geo2rect - GeoJSONポリゴンを矩形へモーフィングします。
d3-inertia - マウス移動を慣性付きで継続するd3-drag拡張。
mapmap.js - インタラクティブ主題図向けのデータ駆動API。
maptable - データセットを視覚コンポーネント群（Map、Filters、Table）へ変換します。
simple-map-d3 - 容易なコロプレススタイル地図。
spam - D3とCanvasを使って地図を容易に作成します。

サードパーティ

leaflet-d3 - LeafletでD3を使うためのプラグイン集[map、geo]。
Wikimaps-D3js Atlas - ラスター、topojson、svg地図を生成するCLI[map、geo]。
react-simple-maps - d3-geo上に構築されたReact向けSVGマッピングコンポーネントライブラリ[map、geo]。

ユーティリティ

crossfilter - 大規模多変量データセットを探索するライブラリ。
d3kit-timeline - ラベルが重ならないタイムラインコンポーネント。
d3scription - ウィンドウ端の衝突検出を持つツールチップ。
d3-annotation - 組み込み注釈型を備える注釈ヘルパー。
d3-area-label - 領域内にラベルを配置するライブラリ。
d3-breadcrumbs - パンくずリストの利用を簡素化します。
d3-component - 軽量コンポーネント抽象化。
d3-extended - 一般的なjQuery関数でd3を拡張します。
d3-helpers - 小さなユーティリティ関数。
d3-history - 適切なURLバー履歴。
d3-hsluv - 人に優しいHSL（Hue、Saturation、Lightness）色空間。
d3-iconarray - 要素をグリッドに整列するプラグイン。
d3-interpolate-path - 点数の異なるパスを補間します。
d3-jetpack - 日々の作業を高速化する便利なラッパー。
d3-lasso - オブジェクトの上・周囲に線を描き要素へタグ付けします。
d3-legend - 凡例ヘルパー。
d3-loom - 「loom」可視化を作成するプラグイン。
d3-nelson-rules - プロセス制御のNelsonルールをデータ集合へ適用します。
d3-peaks - ノイズの多い信号でピークを探します。
d3-ring-note - 円・テキスト注釈を配置するプラグイン。
d3-scale-cluster - データを離散グループへクラスタリングするスケール。
d3-sparql - SPARQLエンドポイントからデータへアクセスするユーティリティ。
d3-template - D3のデータバインディング機構でテンプレートを作成・レンダリングするプラグイン。
d3-tooltip - 影と動的コンテンツを持つ矢印形ツールチップ。
d3-voronoi-treemap - Voronoi分割に基づくツリーマップを計算します。
d3-xray - マウスオーバー時にデータ結合結果をログ出力するブックマークレット。
swoopyarrows - 曲線矢印を作るプラグイン。
swoopy-drag - d3グラフィック向けの手作業的なラベル配置。
textures - データ可視化向けSVGパターン。

その他

chess-dataviz - チェスのデータ可視化ライブラリ。
codeflower - コード全体の鳥瞰図。
d3-cloud - ワードクラウド。
d3-context-menu - コンテキストメニューを作成するヘルパー。
d3-force-gravity - 重力的引力（または力場のような斥力）を実装します。
d3-force-reuse - 力の近似を再利用してforce-directedグラフレイアウトを高速化します。
d3-force-sampled - ランダム頂点サンプリングによる非常に高速な線形時間force-directedグラフレイアウト。
d3.sketchy - スケッチ風の背景、形状、線を作成します。
d3plus-text - 行折返しと自動フォントスケーリングを持つスマートSVGテキストボックス。
graph-scroll - シンプルなスクロールイベント。
mermaid - Markdownスタイルのテキストから図・フローチャートを生成します。
netvis - 任意プロトコル向けネットワーク通信を可視化します。
treeviz - JSONデータからカスタマイズ可能なツリーを作成します。
twitter-sentiment-visualisation - Twitterデータのリアルタイム感情を示す一連のD3.jsチャート。

サーバーサイド

d3-node - 静的チャート・地図を生成します。
Kyrix - 自動サーバーサイドスケーリングをサポートするインタラクティブなパン・ズーム可視化。

Awesome D3

チャート

サードパーティ

地図

サードパーティ

ユーティリティ

その他

サーバーサイド

Bl.ocks.orgプロフィール