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

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
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
3
940
Geminiとv0による高速プロトタイピング
Avatar for Shinya Masadome（東京AI祭） shinya337
0
200
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
Avatar for hiro-torii hiro_torii
0
140
2025-06-26_Lightning_Talk_for_Lightning_Talks
Avatar for hashimo2 _hashimo2
2
110
Core Audio tapを使ったリアルタイム音声処理のお話
Avatar for Sloth yuta0306
0
160
Lambda Web Adapterについて自分なりに理解してみた
Avatar for Makky12 smt7174
5
140
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
0
540
作曲家がボカロを使うようにPdMはAIを使え
Avatar for Takuya Ito itotaxi
0
390
Connect 100+を支える技術
Avatar for Yamakan kanyamaguc
0
150
解析の定理証明実践＠Lean 4
Avatar for H Segawa dec9ue
1
200
Lazy application authentication with Tailscale
Avatar for Elliot Blackburn bluehatbrit
0
110
論文紹介：LLMDet (CVPR2025 Highlight)
Avatar for tattaka tattaka
0
240

Featured

See All Featured
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
31
1.3k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.6k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k

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