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

D3 Geo Visualisations

Oliver Nightingale
January 30, 2013
Technology
3
2k

D3 Geo Visualisations

Oliver Nightingale

January 30, 2013
Tweet

More Decks by Oliver Nightingale

See All by Oliver Nightingale
Front-end performance - Making lunr.js fast
olivernn
2
1.3k
d3_meetup_20120130.pdf
olivernn
1
58

Other Decks in Technology

See All in Technology
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
440
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
280
長期運用プロジェクトでのMySQLからTiDB移行の検証
colopl
2
820
On Your Data を超えていく！
hirotomotaguchi
2
650
SPI原点回帰論：事業課題とFour Keysの結節点を見出す実践的ソフトウェアプロセス改善 / DevOpsDays Tokyo 2024
visional_engineering_and_design
4
1.9k
自己改善からチームを動かす！ 「セルフエンジニアリングマネージャー」のすゝめ
shoota
5
190
日本におけるデータエンジニアリングのこれまでとこれから
foursue
16
4.1k
Hands-on Gemini, the Google DeepMind LLM
meteatamel
1
110
私が trocco を推す理由
__allllllllez__
1
200
エンジニア候補者向け資料2024.04.24.pdf
macloud
0
3.3k
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
220
プロトタイピングによる不確実性の低減 / Reducing Uncertainty through Prototyping
ohbarye
5
380

Featured

See All Featured
Designing Experiences People Love
moore
136
23k
Optimising Largest Contentful Paint
csswizardry
8
2.3k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
345
19k
The Cost Of JavaScript in 2023
addyosmani
16
3.8k
A Philosophy of Restraint
colly
197
16k
The Mythical Team-Month
searls
216
42k
Docker and Python
trallard
34
2.7k
Bash Introduction
62gerente
604
210k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
25
2.3k
Designing with Data
zakiwarfel
96
4.8k
The Invisible Customer
myddelton
114
12k

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