$30 off During Our Annual Pro Sale. View Details »

D3 Geo Visualisations

Avatar for Oliver Nightingale Oliver Nightingale
January 30, 2013
Technology
3
2k

D3 Geo Visualisations

Avatar for Oliver Nightingale

Oliver Nightingale

January 30, 2013
Tweet

More Decks by Oliver Nightingale

See All by Oliver Nightingale
Front-end performance - Making lunr.js fast
Avatar for Oliver Nightingale olivernn
2
1.4k
d3_meetup_20120130.pdf
Avatar for Oliver Nightingale olivernn
1
61

Other Decks in Technology

See All in Technology
Snowflakeでデータ基盤を もう一度作り直すなら / rebuilding-data-platform-with-snowflake
Avatar for pei0804 pei0804
4
970
意外とあった SQL Server 関連アップデート + Database Savings Plans
Avatar for Takuya Shibata stknohg
PRO
0
300
チーリンについて
Avatar for ぐっち hirotomotaguchi
5
1.5k
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
Avatar for hhiroshell hhiroshell
0
120
WordPress は終わったのか ～今のWordPress の制作手法ってなにがあんねん？～ / Is WordPress Over? How We Build with WordPress Today
Avatar for tbshiki tbshiki
1
560
[デモです] NotebookLM で作ったスライドの例
Avatar for Takaaki Tanaka kongmingstrap
0
110
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
Avatar for maimyyym maimyyym
2
220
ログ管理の新たな可能性？CloudWatchの新機能をご紹介
Avatar for Ikumi Ono ikumi_ono
1
580
Debugging Edge AI on Zephyr and Lessons Learned
Avatar for misoji engineer iotengineer22
0
140
多様なデジタルアイデンティティを攻撃からどうやって守るのか / 20251212
Avatar for Ayokura ayokura
0
360
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
11
390k
regrowth_tokyo_2025_securityagent
Avatar for h-ashisan hiashisan
0
190

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
390
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
253
22k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
500
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k

Transcript

  1. D3 Geo Visualisations Oliver Nightingale @olivernn Wednesday, 30 January 13

  2. Wednesday, 30 January 13

  3. http://canvas.fm Wednesday, 30 January 13

  4. Wednesday, 30 January 13

  5. http://hint.fm/wind Wednesday, 30 January 13

  6. Wednesday, 30 January 13

  7. DEMO Wednesday, 30 January 13

  8. Wednesday, 30 January 13

  9. Wednesday, 30 January 13

  10. Projection d3.geo.albers() .center([0, 55.4]) .rotate([4.4, 0]) .parallels([50, 60]) .scale(6000) Wednesday,

    30 January 13

  11. Wednesday, 30 January 13

  12. Voronoi plot d3.geom.voronoi(lnglats) Wednesday, 30 January 13

  13. Voronoi plot cells.map(function (cell) { return ‘M’ + cell.join(‘L’) +

    ‘Z’ }) Wednesday, 30 January 13

  14. Clipping Wednesday, 30 January 13

  15. Wednesday, 30 January 13

  16. Colour scale d3.scale.linear() .domain([-15, -3, 3, 15, 20, 30]) .range([

    '#2b63d4', '#26d6d9', '#38c78e', '#94bd42', '#f2dd00', '#ff8700']) Wednesday, 30 January 13

  17. Questions • @olivernn • uk.temperature.at • github.com/olivernn/weather • bost.ocks.org/mike/map Wednesday,

    30 January 13