Upgrade to Pro — share decks privately, control downloads, hide ads and more …

d3.js, crossfilter.js, dc.js

Avatar for Atsushi Takayama Atsushi Takayama
March 19, 2014
Programming
660
0

d3.js, crossfilter.js, dc.js

Sendagaya.js で発表した内容です。

Avatar for Atsushi Takayama

Atsushi Takayama

March 19, 2014

More Decks by Atsushi Takayama

See All by Atsushi Takayama
最高の開発者体験の追求が開発生産性を改善し続ける文化を生み出した話
Avatar for Atsushi Takayama edvakf
3
1.6k
NeurIPS 2021 論文読み会: How Modular should Neural Module Networks Be for Systematic Generalization?
Avatar for Atsushi Takayama edvakf
0
220
8年物のJavaのシステムをKotlinに変えていく選択に至るまで
Avatar for Atsushi Takayama edvakf
2
1.1k
ピクシブ社内のImageFlux利用事例紹介
Avatar for Atsushi Takayama edvakf
2
3k
学びの文化を育む社内読書会のススメ
Avatar for Atsushi Takayama edvakf
0
320
フルCDNアーキテクチャでサービス設計した話
Avatar for Atsushi Takayama edvakf
5
4.1k
Goでバイナリを読む+α
Avatar for Atsushi Takayama edvakf
1
1k
お前はこれまでに作ったAPIの数を覚えているのか？
Avatar for Atsushi Takayama edvakf
0
2.7k
「ふつうのRailsアプリケーション」についての考え方
Avatar for Atsushi Takayama edvakf
2
940

Other Decks in Programming

See All in Programming
AIエージェントの隔離技術の徹底比較
Avatar for kawayu kawayu
0
420
ローカルLLMでどこまでコードが書けるか / How much code can be written on a local LLM
Avatar for Naoki Kishida kishida
2
410
サーバーレスで作る、動画データ管理基盤
Avatar for Keigo Ibaraki oyasumipants
0
250
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
Avatar for Kiichi Sugihara kiichisugihara
1
300
AgentCore Optimizationを始めよう！
Avatar for matsukada licux
4
280
My daily life on Ruby
Avatar for Akira Matsuda a_matsuda
3
440
開発とはなにか、Essenceカーネルで見えるもの
Avatar for ukin0k0 ukin0k0
0
210
Kubernetesを使わない環境にもCloud Nativeなデプロイを実現する / Enabling Cloud Native deployments without the complexity of Kubernetes
Avatar for linyows linyows
3
530
Augmenting AI with the Power of Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
130
UaaL×Androidアプリのメモリ計測 — Memory Profilerの先へ
Avatar for Ryosuke Shimizu (RIO) rio432
0
170
Transactional Change Stream Processing With Debezium and Apache Flink
Avatar for Gunnar Morling gunnarmorling
1
120
Zod v4 Codec でスキーマに型変換を埋め込む REST API 設計 #TSKaigi2026
Avatar for Ryutaro Yako ryutaro_yako
0
140

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
380
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.2k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
310
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
231
23k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
300
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.2k
Visualization
Avatar for Eitan Lees eitanlees
151
17k

Transcript

  1. d3.js, crossfilter.js, dc.js

  2. 自己紹介 • edvakf • MMD.jsとか • 仕事ではPHP • 趣味では R,

    Erlang, F# など • 最近興味のある分野はデータ可視化

  3. d3.js • Data-Driven Documents • "データ"と"DOM"を繋ぐためのライブラリ ◦ N個のDOM要素のプロパティの値をXからYまで指数的 に増加させながら変化させる、みたいなことが簡単にで きる

    • SVGと相性が良い

  4. crossfilter.js • d3.jsが話題になり始めた頃にこのデモを見た 人は多いはず • 実はcrossfilter.jsは「大量の多次元なデータを フィルタリングするライブラリ」なので、描画には 関与しない "Fast Multidimensional

    Filtering for Coordinated Views"

  5. 多次元なデータの例

  6. こんな可視化を簡単にやりたい!! と思って作られたのがdc.js

  7. dc.js • "Multidimensional Data Visualization"のため のライブラリと呼ぶのが一番しっくり来る気がす る

  8. デモ

  9. None