データを分かりやすくスタイリッシュに可視化できるJavascriptライブラリ「D3.js」
どんなに情報をまとめても、それを可視化して見ている人にうまく伝えるのは至難の技です。そんな時にデータをスタイリッシュかつ見やすいグラフにしてくれるのが、様々なデザインのJavascriptがダウンロード可能なライブラリ「D3.js」です。 D3.js - Data-Driven Documents http://d3js.org/ D3.jsを使って作ったグラフの事例を公式ギャラリーから見ることが可能で、これらのグラフにもとになる素材(スクリプトのソース)がGitHubで入手可能です。 Gallery · mbostock/d3 Wiki · GitHub デザインの一例は以下から。 ◆:Bubble Chart 作成例によっては、ページに直接コードが記載されているものもあります。 ◆:Four Ways to Slice Obama’s 2013 Budget Proposal - In
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
jQueryで見栄えのいいグラフが描ける「jqPlot」 (1/3)
証券会社のサイトの株式相場グラフ、ショッピングサイトの価格変動グラフなど、Webサイト上に変動するデータをもとに、動的にグラフを表示したいことがあります。従来は、Flashを使うことが多かったですが、最近はAjax/JavaScript人気もあって、「JavaScriptでグラフも作成したい」というニーズも強くなっています。 以前、本誌では、HTML5のCanvasを使った図形のサンプルとして、グラフの描画方法を紹介しましたが（関連記事）、今回はグラフ描画に特化した専用ライブラリ「jqPlot」を使って、もっと簡単に見栄えのいいグラフを作成する手順を紹介します。 グラフに特化したjQueryプラグイン「jqPlot」 「jqPlot」はクリス・レオネロ氏が開発しているJavaScriptライブラリで、jQueryのプラグインとして動作します。HTML5のCanvasを応用してグラフを描く仕
【jQuery】IEでも使えるグラフ描画ツール | Webスクリプターがつぶやくブログ
そろそろweb制作関係のカテゴリを見直した方がいい気がしないでもない。 以前、Highchartsを投下したのですが、かちょー（上司）にも薦めたところ、 「これIEで動かないね……動くやつない？できればjQueryで」 と言われたので、そんなに言うなら探してやろうと思った次第です。 よろしい、ならば検証だ！ 今回はちゃんとIEバージョンもチェックしました（自分用に） 【jQuery Google Charts】 IE6：△ IE7：○ IE8：○ http://www.maxb.net/scripts/jgcharts/include/demo/ まずは安心のGoogle先生から。 さすがはGoogle Charts、IE7でもちゃんと動きます。 IE6が△なのは、開いたらエラーのポップアップが出たから……理由はよくわからないけど、動くには動いた。IE6なんか使ってんじゃねーよ、アップデー
jQueryでグラフ作成（株式会社コネクティボしゃいん☆のブログ）
jQueryでグラフ表示 jQueryのライブラリでグラフを簡単に生成できるものがありましたので紹介します。 「jqPlot」というライブラリです。 折れ線グラフ、円グラフ、棒グラフなどの表示ができます。見た目も結構キレイにでます。 今回は、棒グラフの日本語情報があまりなかったので、棒グラフについて紹介します。 まずは簡単なサンプルです。 尚、IEにはexcanvas.jsを使用しています。 1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2: <html xmlns="http://www.w3.org/1999/xhtml"> 3: <head> 4: <meta http-equiv=
jQueryベースでクールなグラフを作成するjavascript「Flot」
twitter facebook hatena google pocket PlotkitやPlotorなど各ライブラリにはそれぞれ奇麗なグラフを作成できるプラグインがありました。 jQueryでもFlotとよばれるクールなグラフを作成できるプラグインが登場しました。 sponsors 使用方法 Flotからjquery.flot.jsをjQueryからjquery.js（v1.2.1）をダウロードします。 <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.flot.js"></script> さらにグラフを表示させたい場所に以下を記述します。 <div id="plac
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ProjectSummaryJa - extflot - Ext Flot プロジェクト概要 (日本語) - Google Code
无法访问此网站
http://sanride.com/blog/webdesign/google-chart-api.php