Skip to content

D3.js

D3.js - Data-Driven Documents

D3.js

Overview

D3.js Wrapper Library

Plotly
Plotly is the modern platform for agile business intelligence and data science. - https://github.com/plotly
dc.js
Dimensional Charting Javascript Library - https://github.com/dc-js/dc.js
C3.js
D3-based reusable chart library - https://github.com/c3js/c3
NVD3
A reusable charting library written in d3.js - https://github.com/novus/nvd3
d3.compose
Compose complex, data-driven visualizations from reusable charts and components with d3 - https://github.com/CSNW/d3.compose
d3.chart
d3.chart is a framework for building reusable charts with d3.js. - https://github.com/misoproject/d3.chart
Taucharts
flexible javascript charting library for data exploration - https://github.com/TargetProcess/tauCharts
Rickshaw
A JavaScript toolkit for creating interactive time-series graphs - https://github.com/shutterstock/rickshaw
d3fc
A collection of components that make it easy to build interactive charts with D3. - https://github.com/ScottLogic/d3fc
Recharts
A composable charting library built on React components
React-D3
A Javascript Library For Building Composable And Declarative Charts

Tools

ColorBrewer
Color Advice for Maps - Every ColorBrewer Scale - bl.ocks.org

articles

Other Visualization Tools

Visualize

Learning D3.js

  • D3 は引数の中に関数を発見すると、その関数を呼びだすと同時に、現在のデータセットの値をその引数に渡します
  • 重要なことは、データが視覚化を制御しているということです。決してその逆ではありません D3.js

Reference

SVG

SVG (Scalable Vector Graphics)

参考リンク

tech.nitoyon.com

GUNMA GIS GEEK

Calendar Heat map

レーダーチャート

D3.js

Favorite

データ

地図

3D

TIPS

ファイル出力

Excel