[B! JavaScript][グラフ] wadackelのブックマーク

ECharts - 多種多様な表現に対応したグラフ/チャートライブラリ MOONGIFT

Webは表現力がそれほど高くないのが常に問題視されています。特に業務系システムではグラフ/チャートを使ってデータを可視化する必要があります。最近ではビッグデータが話題にあがっており、大量のデータを効率的に描画しなければならなくなっています。そこでEChartsを紹介します。ビッグデータモードまで用意された多種多様なパターンの用意されたチャートライブラリです。 EChartsの使い方今回はその多様なグラフ、チャートを紹介します。曲線のグラフ。積み上げグラフ。棒グラフ。エリアグラフ。曲線。かなり複雑です。こちらもユニークです。途中で途切れています。棒グラフですが、範囲が指定できています。左右の比較グラフ。複数グループの棒グラフ。散布図。こちらも散布図。画像も合わせた表示。散布図と色の組み合わせ。ローソクチャート。円グラフ。より描画にこだわった円グラフ。レー

wadackel 2015/01/19

リンク

簡単にリッチなチャートが作れるC3.jsを使ってみた - undefined

C3.jsとは? C3.js | D3-based reusa ble chart library C3 はチャートに特化したビジュアライゼーションライブラリです。D3 のラッパーライブラリで、D3 の見た目の美しさやインタラクション性などの特徴を残しながら、チャートライブラリとして分かりやすいインターフェースを提供するという方針で開発を進めています。 http://blog.xica-inc.com/about-xica/member-12/ これはまではhighchart.jsを使っていましたが、商用利用は有償だったりするので今回C3.jsをいじってみます。サンプルどんなチャートが作れるか以下のサンプルを見れば分かります。 C3.js | D3-based reusa ble chart library 使ってみる音ゲーなどではゲーム終了時にスコアの軌跡がグラフとして描画されたりしま