Libx Awesomeリスト

    このページの内容

    Awesome Charting

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

    商用ライブラリ

    • amCharts - 従来型チャート、株価、地図のための 3 ライブラリ。手描き風テーマオプションを備える。
    • AnyChart - さまざまな種類のデータをグラフ化する製品セット。特別な Oracle Apex 統合オプションがある。
    • CanvasJS - 小さいファイルサイズのライブラリに厳選したチャート型を備える。他の商用ライブラリとは異なる見た目の既定テーマ。
    • FusionCharts - 強力な地図コンポーネントを備えるチャートライブラリ。
    • Highcharts - さまざまな用途向けチャートライブラリ群。IE6 まで互換にできる。
    • JSCharting - 従来型チャート、地図、株価、ガント、グリッド、組織図を一つのパッケージに含む統合チャートライブラリスイート。
    • Kendo UI - Angular、React、Vue 向けネイティブ UI コンポーネントを利用できるプレミアムチャートライブラリ。
    • ZingChart - 他ライブラリが扱えない大規模データセットを描画できるよう構築。非常にカスタマイズ可能なスタイルと頻繁に追加される新機能。すべてを一つのモジュール式ライブラリに収録。

    無料・オープンソースライブラリ

    • apexcharts.js - シンプルな API を持つ JavaScript チャートライブラリ。
    • Billboard.js - D3 のリリースをより密に追跡する C3 のフォーク。
    • C3.js - D3 ベースの再利用可能なチャートライブラリ。
    • Chart.js - コアチャート型を含む小さなライブラリ（11kb!）。
    • Charts.css - CSS データ可視化フレームワーク。
    • Chartist - SVG を使ってチャートを描画し、CSS でスタイルするシンプル・軽量チャートライブラリ。
    • Chartkick - Ruby の一行で JavaScript チャートを作る。
    • D3.js - データに基づくドキュメント操作により SVG でチャートを描画できる。
    • dc.js - crossfilter をサポートする D3 ライブラリ。
    • dygraphs - 対話的にズーム可能な時系列チャート。
    • ECharts - ブラウザー向け強力なチャート・可視化ライブラリ。
    • EJSChart - エンタープライズ対応チャートライブラリ。
    • Graphosaurus - WebGL（three.js）搭載の 3D グラフビューアー。
    • lightweight-charts - HTML5 canvas で構築した金融向け軽量チャート。
    • Morris.js - 折れ線、棒、面積、ドーナツチャートを描画するシンプルな API。
    • Plotly - d3 と stack.gl 上に構築され、基本チャートと SVG 地図を作成できる。
    • Plottable - OOP スタイル構文でチャートを構築するライブラリ。
    • QuickChart - 静的チャート画像を描画する Web API。
    • rgraph - Google Sheets インポート機能を持つ 2D/3D JavaScript チャート。
    • sigma.js - canvas 上に構築したグラフ・ネットワーク図ライブラリ。
    • Smoothie Charts - リアルタイムストリーミングデータ向け JavaScript チャート。
    • TauCharts - 開発者が DSL を用いデータを記述できる独自構文。ファセット作成機能も持つ。
    • μPlot - 時系列、線、面積、ohlc、棒グラフ向けの小型（最小 25 KB 未満）・高速チャート。
    • uvCharts - d3.js で構築した JavaScript チャートライブラリ。
    • vis.js - ネットワーク図、ラベル付きの説明的タイムライン、3D グラフを備える。
    • reaviz - React 向けモジュール式チャートコンポーネントライブラリ。
    • reaflow - 静的・対話型エディター構築向けモジュール式図表エンジン。

    無料ライブラリ

    • Google Charts - 地図は当然ながら充実しており、優れたアニメーションオプションもある。広範なドキュメントと利用コミュニティ（フォーラム）。

    フレームワーク固有ライブラリ

    Angular

    • Angular-Chart- 折れ線、棒、面積、ドーナツチャートを描画するシンプルな API。
    • n3-charts - AngularJS で書かれ、D3 でチャートを描画する使いやすいライブラリ。
    • Angular-scale - 折れ線チャート作成用のシンプル・軽量ライブラリ。

    Ember

    • Ember Charts - Ember.js プロジェクトですぐ使える 5 種類の基本チャート型。

    jQuery

    • Flot - jQuery 向け JavaScript チャートライブラリ。有用なチャート型を含むが、現在は活発に開発されていない可能性がある。
    • jqPlot - チャート描画用オープンソース jQuery プラグイン。一般的な機能を多く含むが、これらの項目に異なる命名規則を使う場合がある。
    • jqxChart - SVG、Canvas、VML で描画する豊富なチャート型。
    • JQuery-linechart - 折れ線チャート作成用のシンプル・軽量ライブラリ。

    Lit-html

    • lit-line - lit-html 上に構築した、{高速、小型、対話的、完全レスポンシブ} な折れ線チャート Web コンポーネント。

    React

    • nivo - D3 上に構築された、データ可視化アプリを容易に構築する React コンポーネント。
    • react-vis - Uber による合成可能な可視化システム。
    • vx - d3 上に構築された、再利用可能な低レベル可視化コンポーネントのコレクション。
    • Potion - React・D3 によるアニメーション可視化構築用の低レベル構成要素。
    • react-chart-js - Chart.js 用 React ラッパー。
    • react-d3 - SVG マークアップ生成に React、パス値計算に d3 を利用するチャートライブラリ。
    • react-muze - muze（WebAssembly を使いブラウザーで探索的データ可視化を作成する無料ライブラリ）向け React ラッパー。
    • react-vis - 一般的なデータ可視化チャートを描画する React コンポーネントのコレクション。
    • recharts - React・D3 で構築された再定義済みチャートライブラリ。
    • Victory - 対話的データ可視化構築向けの合成可能な React コンポーネントコレクション。

    データ可視化リソース

    • Dataviz Catalogue - 最適なチャート型に迷ったときに行く場所。Severino Ribecca のプロジェクト。
    • Evergreen Data - より効果的にデータを提示するための情報・見解。
    • Flowing Data - 元 New York Times の Nathan Yau による、地図、可視化、統計、デザインのリソース。
    • Junk Charts - データ可視化評論家で Columbia 大学教授の Kaiser Fung が可視化を分解し、問題点を特定して改善法を推奨する。
    • The Functional Art - 著名なデータ可視化著者・教授 Aberto Cairo の、データ可視化トレンド・ベストプラクティスに関するブログ。
    • Visualizing Data - データ可視化コンサルタント Andy Kirk がグラフ化・可視化の例、リソース、参考資料を集める。
    • Well Formed Data - 元 World Economic Forum の Moritz Stefaner による情報可視化・デザインの考察。