Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

d3.js, crossfilter.js, dc.js

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

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.4k
NeurIPS 2021 論文読み会: How Modular should Neural Module Networks Be for Systematic Generalization?
Avatar for Atsushi Takayama edvakf
0
190
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
290
フルCDNアーキテクチャでサービス設計した話
Avatar for Atsushi Takayama edvakf
5
4k
Goでバイナリを読む+α
Avatar for Atsushi Takayama edvakf
1
970
お前はこれまでに作ったAPIの数を覚えているのか？
Avatar for Atsushi Takayama edvakf
0
2.7k
「ふつうのRailsアプリケーション」についての考え方
Avatar for Atsushi Takayama edvakf
2
900

Other Decks in Programming

See All in Programming
TestingOsaka6_Ozono
Avatar for O3(ozono) o3
0
160
AIエージェントを活かすPM術 AI駆動開発の現場から
Avatar for gyuta gyuta
0
430
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
120
リリース時」テストから「デイリー実行」へ！開発マネージャが取り組んだ、レガシー自動テストのモダン化戦略
Avatar for goataka (GOAMI Takaaki) goataka
0
130
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
Avatar for Tomofumi Kondo tomokon
0
130
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
Avatar for mouson(墨嗓) mouson
0
180
Navigation 3: 적응형 UI를 위한 앱 탐색
Avatar for Sungyong An fornewid
1
350
Go コードベースの構成と AI コンテキスト定義
Avatar for ANDPAD inc andpad
0
130
Claude Codeの「Compacting Conversation」を体感50%減！ CLAUDE.md + 8 Skills で挑むコンテキスト管理術
Avatar for Kazuki Murahama kmurahama
0
290
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
8
2.9k
Developing static sites with Ruby
Avatar for Masafumi Okura okuramasafumi
0
300
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
Avatar for とすり tosuri13
6
320

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.4k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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