【2017年度版】いざというときに活躍するJavaScriptチャートライブラリ15選
高度情報化社会やビッグデータ時代と呼ばれている現代において、データビジュアライゼーション(データの視覚化)は注目されている分野の一つです。 アプリだけでなくWebサイトにおいても、ダッシュボード画面などで、大量のデータの中から意味のある情報を、分かりやすいUIを使って表示する機会が増えています。 ホームページにこのようなデータを表示するときに役立つのが、JavaScriptベースのチャート・グラフライブラリです。 操作性が優れていたり、さまざまな種類のチャートやグラフを表示したり、レスポンシブ対応していたりと、さまざまな機能を持つチャートライブラリが存在します。 今回は、2017年に試してみたい、いざという時に活躍するJavaScriptライブラリを集めました。 ほどんどのライブラリが商用利用も可能で、汎用性があります。 次のプロジェクトで採用できそうなライブラリをぜひ探してみてください。
どういうときにどんなグラフを使えばいいかが一発でわかるチャート - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
Developer's Guide - Google Chart API - Google Code
Discover the resources for adding interactive charts for browsers and mobile devices.
Open Flash Chart - Home
Info: Open Flash Chart 2 is out. Version 1.x and these pages will never disappear and the charts will continue working forever, but further development on 1.x has stopped. Take a look at version 2 here Open Flash Chart 2. Hello, this is the Open Flash Chart project. Get graphs like this for free: How does it work? User browses to your web site. The browser downloads the web page which contains the
MOONGIFT: � 要注目！Flash製グラフ「amCharts」:オープンソースを毎日紹介
格好いいグラフを見るとどきどきしてくる。表計算ソフトウェアでさも作りました、といったような単純なものでは心に訴える事はできない。何を見せたい、何を表現したいのかを的確に訴える必要がある。 画像で単純に作るのも良いが、動的にグラフィカルにいこう。Flashを使えばそのようなインタフェースも容易に実現できる。 今回紹介するフリーウェアはPie & Donut chart、Flash製のグラフだ。 amChartsは円グラフ、線グラフ、棒グラフそしてX-Yグラフの4つに大別されるグラフ機能を提供している。amChartsへのリンクをつける事でフリーで利用できる。 そのグラフ機能は非常に高い。見た目の奇麗さもあるが、マウスでの操作（円グラフはクリックするとその部分だけが離れる、線グラフはマウスで指定した範囲だけを拡大表示できる）やマウスオーバー時の数字表示等がある。 また、それだけではない。Jav
MOONGIFT: » 日本語可！Flashで作る動的グラフ「Open Flash Charts」:オープンソースを毎日紹介
これまでにもオープンソースで生成できるグラフライブラリを各種紹介してきた。パターンとしては、画像として出力されるもの、JavaScriptで表示されるものの二つがあったように思える。 これはそのどちらでもない。Flashによるグラフ生成ライブラリだ。 今回紹介するオープンソース・ソフトウェアはOpen Flash Charts、Flash製のグラフ生成ライブラリだ。 特に細かい説明をする事もないだろうが、単純に言えばFlashファイルに対して、データのファイルのパスを渡せば表示がされるようになっている。データファイルの生成を動的に行えば、システムに連携したグラフも簡単に作ることができる。 Flashで生成されるだけあって、グラフィカルなものが可能だ。日本語出力にも対応しているのが優位な点だろう。棒グラフ、折れ線グラフ、背景色の変更、複数グラフの描画等、多彩な機能を備えている。 グラフの種類
amCharts: customizable free flash charts
JavaScript Charts & Maps Programming library for all your data visualization needs. Readme.md Came here to find your next charting library? Good. Our charts were designed to feel modern, sleek and fast, out-of-the box. But don’t take our word for it – check out our demos and fall in love. And best of all, our libs natively integrate with TypeScript, Angular, React, Vue and plain JavaScript apps. F
PHPでフラッシュのグラフを作る「PHP/SWF Charts」 - GIGAZINE
これを使えば無料で恐ろしく見栄えのするフラッシュでできたグラフをPHPで作成することができるようになります。標準的なグラフを表示するだけでなく、アニメーションを使った様々なビジュアル効果を加えたり、印刷ボタンや切り替えボタン、グラフを見る方向の変更、複数のグラフの混在なども簡単にできるので、一風変わったグラフ表示をお手軽にしたい人には最適ではないかと。 PHP/SWF Charts http://www.maani.us/charts/index.php その他のグラフのサンプルは以下を参照 http://www.maani.us/charts/index.php?menu=Gallery ダウンロードはこちらから http://www.maani.us/charts/index.php?menu=Download ほかにも有用なものがあるので、多彩な表現方法を手間無く使いたい人は必見。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHP/SWF Charts > Introduction