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
0
640

d3.js, crossfilter.js, dc.js

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

Avatar for Atsushi Takayama

Atsushi Takayama

March 19, 2014
Tweet

More Decks by Atsushi Takayama

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

Other Decks in Programming

See All in Programming
チームのテスト力を鍛える
Avatar for Hiroki Iseri goyoki
3
510
概念モデル→論理モデルで気をつけていること
Avatar for sunnyone sunnyone
2
280
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
Avatar for azukiazusa azukiazusa1
24
12k
GitHubとGitLabと AWS CodePipelineで CI/CDを組み比べてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
4
240
Compose Multiplatform × AI で作る、次世代アプリ開発支援ツールの設計と実装
Avatar for Takeshi Hagikura thagikura
0
160
AI Coding Agentのセキュリティリスク：PRの自己承認とメルカリの対策
Avatar for さうす s3h
0
230
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
400
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
18
9k
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
Avatar for Andrey Chernov inetand
0
2.2k
How Android Uses Data Structures Behind The Scenes
Avatar for HyunWoo Lee l2hyunwoo
0
470
Laravel Boost 超入門
Avatar for Arlo fire_arlo
3
220
請來的 AI Agent 同事們在寫程式時，怎麼用 pytest 去除各種幻想與盲點
Avatar for Keith Yang keitheis
0
120

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
329
39k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
56
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
9
810
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
55
6.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
139
34k

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