Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love...

14
Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente [email protected] – @barendkobben

Transcript of Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love...

Page 1: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

Cartography from Code...?

or

“how I learned to stop worryingand love coding in cartography”

Barend KöbbenITC – Universiteit Twente

[email protected] – @barendkobben

Page 2: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my world

My tools once were these:

Page 3: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my world

...but now look like this:

Page 4: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my world

Computers gave me this at first:

SYMAP line printer output (1965, by Howard Fisher)

Page 5: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my world...but have been improving since:

Page 6: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my world...and now allow me to do really nice interactivity:

http://kartoweb.itc.nl/kobben/D3tests/distancePerception/index_en.html

Page 7: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

A change in my worldBoth were constructed using software

this one wasdigitally drawn

»»

this one wascoded (programmed)

Page 8: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

...an oxymoron...?CARTOGRAPHY FROM CODE

Page 9: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

Coding (programming) Maps

Nowadays especially in the browser

Page 10: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

“browser as anapplication framework”

Much more then just an HTMLrenderer:

The Open Web Platform is the collection of open(royalty-free) technologies which enables you tocreate web applications without the need for

proprietary technology

HTML5 = HTML + SVG + CSS + JS

Page 11: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

“browser as anapplication framework”

Much more then just an HTMLrenderer:

local storageSeperation of content and styling (CSS)Javascript APIs for the “business logic”

Coupling of data and visualisation (e.g using D3.js)

Page 12: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

D3: Data Driven Documentshttp://d3js.org

Page 13: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

D3: Data Driven Documentshttp://d3js.org

connect data to the DOM => transform theDOM using the data

Page 14: Cartography from Code? · Cartography from Code...? or “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl

Result: Easy access to powerful tools & data➔ “Coding Cartography”

barendkobben.com/D3tests/