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

D3 Geo Visualisations

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
みんなだいすきALB、NLBの 仕組みから最新機能まで総おさらい / Mastering ALB & NLB: Internal Mechanics and Latest Innovations
Avatar for 株式会社カミナシ kaminashi
0
130
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
2.7k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
1k
VRTと真面目に向き合う
Avatar for Yuya Hirayama hiragram
1
500
開発メンバーが語るFindy Conferenceの裏側とこれから
Avatar for sontixyou sontixyou
2
350
BPaaSオペレーション・kubell社内 n8n活用による効率化検証事例紹介
Avatar for KentaroFujii kentarofujii
0
310
AIとともに歩む情報セキュリティ / Information Security with AI
Avatar for Hokuto Hoshi kanny
4
2.7k
AI開発の落とし穴 〜馬には乗ってみよAIには添うてみよ〜
Avatar for SansanTech sansantech
PRO
10
5.2k
【インシデント入門】サイバー攻撃を受けた現場って何してるの？
Avatar for Shumei Ito shumei_ito
0
1.1k
BPaaSオペレーション・kubell社内 n8n活用による効率化検証事例紹介
Avatar for kubell kubell_hr
0
360
Digitization部 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
6.7k
CodeRabbit CLI + Claude Codeの連携について
Avatar for Oikon oikon48
1
680

Featured

See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
66
36k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
200
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
160
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.2k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
100
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.9k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.6k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
260
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.2k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
720
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k

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