Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

D3 Geo Visualisations

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Oliver Nightingale Oliver Nightingale
January 30, 2013
Technology
2k
3

D3 Geo Visualisations

Avatar for Oliver Nightingale

Oliver Nightingale

January 30, 2013

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
65

Other Decks in Technology

See All in Technology
「大丈夫そう？」をObservabilityで確かめる
Avatar for Yusuke Muramatsu mrmtsu
0
240
React Nativeでの OTA Updateって、 どう説明する？
Avatar for Ichiki ichiki1023
0
120
Swap and Memory Reclaim - Squeezing Out More RAM
Avatar for Kernel Recipes ennael
PRO
1
1.4k
雪かき部 #7 もう怖くない！SELECT文！
Avatar for numa foursue
0
220
20260915deck.gl-raster を使ってみた
Avatar for rena1208 rena1208
0
170
OpenClawでAzure DevOpsのWiki更新を自動化する - クラウドAIだけでは届かない場所へ
Avatar for yutakaosada yutakaosada
0
130
いちAWSエンジニアのAI活用を振り返る #devio2026 / devio osaka 2026 kawahara
Avatar for MasahiroKawahara masahirokawahara
1
290
1人アドミンな私は AWSアカウント申請をSlackで完結したい！
Avatar for Yosuke Suzuki ysuzuki
0
100
2026-09-26 Platform Engineering Kaigi 2026 インフラとアプリの境界線と委譲の設計 / Drawing the Infra and App Line
Avatar for SUZUKI Masashi masasuzu
0
500
AWS DevOps Agent スキルをつかいこなそう / Master AWS DevOps Agent Skills
Avatar for Masanori Yamaguchi kinunori
2
640
営業オントロジーの作り方と、エージェントからの辿り方 ── ナレッジワークの現場から
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
1
200
ログラスのマルチプロダクトを 支える認証基盤 〜テナントごとに異なる統制とどう向き合うか〜
Avatar for Daiki Murayama dada4386
3
250

Featured

See All Featured
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
420
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
360
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
440
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
750
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
410
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.6k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
290
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
310

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