D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう - Tech-Sketch
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。 また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取るのは困難です。 そこで、データの見せ方や伝え方が重要になってきます。 インフォグラフィックスやデータビジュアライゼーションといったキーワードにも注目が集まりつつありますね。 本記事ではD3.jsというJavaScriptのライブラリを利用し、このブログ(Teck-Sketch)のはてなブックマーク数や、世界の国別の人口の比較を視覚的に分かりやすく表現していきたいと思います。 インフォグラフィックス？データビジュアライゼーション？ キーワードとしてインフォグラフィックスとデータビ
Visualizations
SeriesHeat Using data from IMDb, this project allows people to explore average ratings of any TV Series made. Simply type in a TV Show and get a heatmap of seasons vs episodes. Its just that easy! The visualization approach was inspired by a static display showing how Simpson's episodes had degraded over time. Here, I wanted to expand that insight to any show out there. SeriesHeat Good Governments
d3.js: Examples of Basic Charts
Creating Basic Charts using d3.js by Ben Lorica (last updated Apr/2012) The set of tools I use to create charts include Excel & R (for generating static images), Processing, Protovis, and the Google Visualization API (for interactive graphics). I tend to customize the charts I create so any tool I choose to learn & use needs to be flexible in that regard. I use Processing and R for prototyping and
NYタイムズも注目！「データ×デザイン」を実現するデータビジュアリゼーション ライブラリ「d3.js デザイン会社 ビートラックス: ブログ
世界中でデータがどんどん増えていく中でデータをうまく扱うことはとても重要になってきています。そんな中、New York Timesが積極的に活用していたり、Githubのwatch数ランキングで上位にランクインしていたりと最近人気急上昇中のデータをビジュアライズする為の「d3.js」というライブラリがあります。 本日はこの「データｘデザイン」をwebサイト上で実現する為のjavascriptライブラリ”d3.js”について紹介したいと思います。 このライブラリを使うことで、今までなかなか難しくてできなかったウェブ上での「データの可視化」が手軽にできるようになり、複雑なデータを直感的に理解できるようなサイトが作りやすくなります。早速ですがこのd3.jsというものがどういうものかをなんとなく感じるには実際に動いているデモを見て頂くのが早いので以下をご覧下さい。 オバマ大統領の国家予算案詳細 (
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
bayd3: Miles McCrocklin - Coordinated Visualizations + crossfilter.js - 08.22.2013
https://dl.dropboxusercontent.com/u/6486151/bayaread3/index.html
Bloomberg - Are you a robot?
mgrafeeds [fuelled by mgrafit.com] — D3js (meta-)libraries: a contrasted landscape
Using D3, backbone and tornado to visualize histograms of a csv file | Daniel Rodriguez
可視化周辺の進化がヤヴァイ～rChartsを中心として～
【旧版】D3.js入門 (全17回) - プログラミングならドットインストール
mbostock’s gists
http://biovisualize.github.io/d3visualization/
http://www.jeromecukier.net/wp-content/uploads/2012/10/d3-cheat-sheet.pdf
Video: Data Visualization With Web Standards | ANDREW TRICE
Top trends in Data Visualization 2013 by Scott Murray
Introductory D3 Training Course | DashingD3js.com
Learn D3.js From Scratch - DashingD3js
Interactive Data Visualization for the Web
D3.js is Not a Graphing Library, Let's Design a Line Graph