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
20251222_サンフランシスコサバイバル術
Avatar for ponponmikan ponponmikankan
2
150
Bedrock AgentCore Evaluationsで学ぶLLM as a judge入門
Avatar for ShichijoYuhi shichijoyuhi
2
300
AIBuildersDay_track_A_iidaxs
Avatar for iidaxs iidaxs
4
1.6k
Claude Skillsの テスト業務での活用事例
Avatar for Sammy(MoritaMasami) moritamasami
1
120
Connection-based OAuthから学ぶOAuth for AI Agents
Avatar for GMO Flatt Security flatt_security
0
490
Cloud WAN MCP Serverから考える新しいネットワーク運用 / 20251228 Masaki Okuda
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
130
re:Invent2025 セッションレポ ～Spec-driven development with Kiro～
Avatar for NRI Netcom nrinetcom
PRO
2
150
Snowflake Industry Days 2025 Nowcast
Avatar for tak takumimukaiyama
0
150
20251219 OpenIDファウンデーション・ジャパン紹介 / OpenID Foundation Japan Intro
Avatar for OpenID Foundation Japan oidfj
0
590
_第4回__AIxIoTビジネス共創ラボ紹介資料_20251203.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
150
The State of AI Agent Security：2025年の総括と2026年の宿題
Avatar for Yutaka Hiroyama pict3
0
110
2025年の医用画像AI/AI×medical_imaging_in_2025_generated_by_AI
Avatar for YoshihiroTodoroki tdys13
0
200

Featured

See All Featured
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
2
270
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
210
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
46
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
110
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
115
96k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
0
1.9M
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
0
2.5k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k

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