Amazon.co.jp: インタラクティブ・データビジュアライゼーション ―D3.jsによるデータの可視化: Scott Murray (著), 長尾高弘 (翻訳): 本
GitHub - wbkd/awesome-d3: A list of D3 libraries, plugins and utilities
Awesome D3 This list keeps track of interesting D3js libraries, plugins and utilities. We decided not to list tutorials, resources or concepts here, because there is already a very good list of readings out there you can check out and contribute to. Curators: Moritz Klack and Christopher Möller of webkid.io You can also explore the list with our interactive D3 Discovery tool. Charts billboard.js -
D3.jsでのデータビジュアライゼーション -人口統計データから使い方を学ぶ-
2014年9月 秋のJavascript祭り でのプレゼン資料です。 D3.jsを使って、データビジュアライゼーションの説明と使い方を説明しました。 D3.jsは学習コストが高いですが、非常に細かく、高度なビジュアル表現できます。 人口統計データを活用して、東京23区の人口情報の動きを作ってみました。 http://www.slideshare.net/YoshinoriKoba/d3js-38787078 個人的には、次の３つポイントだと思います。 １．メソッドチェーン jQuery とよく似ていて、D3.jsでは多用される。 ２．スケール（縮尺） 実データの分布を、実際の描画位置にマッピングする。 ３．Dataメソッド データを保存して、１つずつ取り出しができるようにする 今回デモサイトを作成してみて、思い通りうごくまでなかなか時間がかかりました。 D3.ｊｓの独特のお作法があるので、
xCharts » Examples
var data = { "xScale": "ordinal", "yScale": "linear", "main": [ { "className": ".pizza", "data": [ { "x": "Pepperoni", "y": 4 }, { "x": "Cheese", "y": 8 } ] } ] }; var myChart = new xChart('bar', data, '#example1'); var data = { "xScale": "ordinal", "yScale": "linear", "main": [ { "className": ".pizza", "data": [ { "x": "Pepperoni", "y": 4 }, { "x": "Cheese", "y": 8 } ] }, { "className": ".pizza",
Shinyでもd3.jsを容易に使えるd3Networkパッケージを試した - でたぁっ 感動と失敗の備忘録
最近、Rのd3Networkパッケージを使っている記事をいくつか目にした。d3Networkパッケージは、Rからd3.jsのnetwork、tree、dendogram、Sankeyを容易に描画することが出来るパッケージのようだ。great!!! そして開発者のページを見てみると「d3Network in Shiny web apps」なるものが！ ということでさっそく試した。試したデータは普段分析している比較的小規模なネットワークのデータ。※ShinyはRで簡単にWebアプリ化することができるパッケージ。 > nd <- read.table("testdata.tsv", header=TRUE) > head(nd) Source Target 1 1 2 2 1 11 3 1 21 4 2 21 5 3 4 6 3 11 > 準備したui.Rとserver.Rは次の通り。開発者のサ
TypeScriptとd3.js - かずきのBlog@hatena
グラフ描きたい・・・！Webで（詰んだ） HTML苦手 CSS苦手 JavaScript苦手 d3.js 苦手といっても何か使えるものはないか？ということで、探してみたのがd3.js。こいつjQueryみたいなセレクタで要素を選択したりもできるし、グラフ描いたりもできるとは…。素敵だ。 TypeScript 言わずと知れた、C#の父のアンダーズ・ヘルズバーグが開発してるaltJSシリーズの言語。こいつなら・・・！と思って以下のページを流し読みして書いてみたらとてもいい！なじむ！ TypeScript クイックガイド - phyzkit.net module Hoge { export class Foo { constructor(public x: number, public y: number) {} hoge(callback: (result: number) => void):
RとJavaScript Visualizationを俯瞰しよう
7. R言語とJavaScript比較 library(Wordcloud)を使用 library("wordcount") wordcloud( + data$Term, data$Freq, + scale=c(5,2), + max.words=Inf, + random.order=T, + random.color=T) 変化があまり見れないのはこ のとき使ったデータが悪かっ たので・・・ 8. R言語とJavaScript比較 D3.js+d3-cloud d3.csv('resources/data/out.csv', function(data){ var h = 600; var w = 800; var random = d3.random.irwinHall(2) var countMax = d3.max(data, function(d){ return d.Fr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
d3.js Advent Calendar 2013 - Adventar
http://daily.d3js.info/?p=296