D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
データのビジュアル化を最少の労力で: はじめに
印刷物の制作には、数値の表から棒グラフや円グラフを作ったり、与えられたラフスケッチを清書するなど、データや情報をビジュアルに表現する作業がつきものです。これらの作業はドローソフトや画像処理ソフトで行うのが普通ですが、場合によってはかなりの労力やセンスを要求されます。そこで、MS Excelなどを用いたグラフ作成の自動化が広く行なわれていますが、パソコンソフトにはほかにも多くの自動描画ツールがあります。DTPの世界ではあまり知られていないツールを紹介します。 Graphviz graph-easy Google Chart Tools D3.js R ※この記事は、弊社 PR 誌『SHOWA NEWS』No.127に掲載された「データのビジュアル化を最少の労力で」を増補したものです。グラフ例や情報の参照先リンクを追加しました。
D3.jsにあてはまらないこと | POSTD
最近D3.jsをかなりいじってみました。APIをあれこれ調べ、すこし複雑なチャートを構築した後、長い間D3を誤解していたことに気づきました。それは私だけではありません。友達と話してみると、彼らもD3について勘違いをしています。そこで、よくある誤解のいくつかをはっきりとさせるために、この記事を書く事にしました。 D3はチャート・ライブラリではありません D3のホームページに行くと、たくさんの素晴らしいチャートとビジュアライゼーションを見ることができます。しかし、D3は、 Highcharts や Chart.js あるいは Google Charts のようなチャート・ライブラリではありません。ただ単に、データセットを受け渡すことや、必要なチャートのタイプ指定、凝ったチャートを入手することはできません。D3はそれよりもずっと低レベルなのです。D3上に構築されたチャート・ライブラリでは、たとえ
ハイクオリティでちょーかっこいいデータ視覚化地図が作れる「Leaflet-dvf」
「Leaflet-dvf」は、ベース地図にLeaflet.jsを用い、地理情報を可視化するために必要なライブラリをまとめてパッケージしたデータビジュアライゼーションフレームワークです。 サイトに掲載されているサンプルを見ても解るように、非常にクオリティが高くデザイン性に富んだ視覚化地図を作成することができます。 データビジュアライゼーションの参考書に必ずといってよいほど出てくる Charles Minard の「ナポレオンのロシア侵攻」を可視化した地図も、Leaflet-dvfを使えばこんなにかっこよく作成することができます。 Napoleon’s March その他、こんな手の込んだ視覚化も。 Panoramio Browser D3.jsほどの自由度はありませんが、かっこいい datavis map を作成したい時は、ぜひ選択肢の一つとして検討してみてください。
D3.jsをつかってData-Drivenにリッチなグラフやチャートを作成しよう - Tech-Sketch
Webやスマートデバイス、センサーなどあらゆるものから情報を収集出来るようになり、世の中には膨大なデータが溢れかえっています。 また、ビッグデータやデータサイエンティストといったキーワードに注目が集まり、データ活用への期待が高まっています。しかし、単純に収集したデータはそのままでは見づらく、そこから意味を汲み取るのは困難です。 そこで、データの見せ方や伝え方が重要になってきます。 インフォグラフィックスやデータビジュアライゼーションといったキーワードにも注目が集まりつつありますね。 本記事ではD3.jsというJavaScriptのライブラリを利用し、このブログ(Teck-Sketch)のはてなブックマーク数や、世界の国別の人口の比較を視覚的に分かりやすく表現していきたいと思います。 インフォグラフィックス？データビジュアライゼーション？ キーワードとしてインフォグラフィックスとデータビ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ja.d3js.info/alignedleft/tutorials/d3/
WEBSITE.WS - Your Internet Address For Life™
