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

d3.js, crossfilter.js, dc.js

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
310
フル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
930

Other Decks in Programming

See All in Programming
【26新卒研修資料】TDD実装演習
Avatar for ディップ株式会社 dip_tech
PRO
0
130
アクセシビリティ試験の"その後"を仕組み化する
Avatar for yuuumin yuuumiravy
1
180
UIの境界線をデザインする | React Tokyo #15 メイントーク
Avatar for SASAPIYO sasagar
2
400
Spec-driven Development: How AI Changes Everything (And Nothing)
Avatar for Simon Martinelli simas
PRO
0
430
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
550
書籍「ユーザーストーリーマッピング」が私のバイブル
Avatar for asumikam asumikam
4
450
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
250
[RubyKaigi 2026] Require Hooks
Avatar for Vladimir Dementyev palkan
1
260
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
24
16k
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
310
アーキテクチャモダナイゼーションとは何か
Avatar for nwiizo nwiizo
19
5.6k
ソフトウェア設計の結合バランス #phperkaigi
Avatar for Takuma Kajikawa kajitack
0
160

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.6k
Designing for Performance
Avatar for Lara Hogan lara
611
70k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
Between Models and Reality
Avatar for mayunak mayunak
3
270
Design in an AI World
Avatar for tapps tapps
1
200
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.2k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
130
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
380
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2k

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