フロントエンド技術を学ぼう 3-20.データ可視化(チャートなど)ツール

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第72回は Part III: Front-End Dev Toolsから、20項のData Visualization (e.g., Charts) Toolsを紹介します。

データ可視化(チャートなど)ツールの説明です。

データ可視化(チャートなど)ツール

JSライブラリ

• d3
• sigmajs

ウィジェット&コンポーネント

• amCharts [無料～有料]
• AnyChart [無料(非商用)～有料]
• C3.js
• Chartist-jsj
• Chart.js
• Epoch
• FusionCharts [$]
• Google Charts
• Highcharts [無料(非商用)～有料]
• ZingChart [無料～有料]

サービス(埋め込み/共有可能なホスティングデータの可視化)

• ChartBlocks [無料～有料]
• Datawrapper
• infogr.am [無料～有料]
• plotly [無料～有料]