![Page 2: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/2.jpg)
Cartography from Code...?
or
“how I learned to stopworrying and love coding in
cartography”Barend Köbben
ITC – Universiteit [email protected] – @barendkobben
![Page 3: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/3.jpg)
A change in my world
My tools once were these:
![Page 4: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/4.jpg)
A change in my world
...but now look like this:
![Page 5: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/5.jpg)
A change in my world
Computers gave me this at first:
SYMAP line printer output (1965, by Howard Fisher)
![Page 6: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/6.jpg)
A change in my world
...but have been improving since:
![Page 7: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/7.jpg)
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 8: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/8.jpg)
A change in my worldBoth were constructed using software
this one wasdigitally drawn
»»
this one wascoded (programmed)
![Page 9: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/9.jpg)
possible...?CARTOGRAPHY FROM CODE
![Page 10: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/10.jpg)
...or an oxymoron?CARTOGRAPHY FROM CODE
![Page 11: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/11.jpg)
CARTOGRAPHY FROM CODE
Can coders be cartographers...
...or shouldcartographers become coders?
![Page 12: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/12.jpg)
TRENDS
Technology influences cartography
![Page 13: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/13.jpg)
TRENDS
Technology influences cartography
butCartography ≠ Technology
![Page 14: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/14.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
![Page 15: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/15.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
publishing maps: manuscript → print → digital → web
![Page 16: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/16.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
drawing maps: hand drawing → digital drawing → digital construction (coding)
![Page 17: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/17.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
Cartography = visualising spatial datawith a certain INTENT
![Page 18: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/18.jpg)
Cartography = Communication
![Page 19: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/19.jpg)
The right tool for the job
sketched manuscript ↔ coded website
![Page 20: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/20.jpg)
![Page 21: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/21.jpg)
“EverythingSings”
a narrative Atlas
Dennis Wood
![Page 22: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/22.jpg)
Cameron Beccariohttp://earth.nullschool.net/
http://earth.nullschool.net/
![Page 23: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/23.jpg)
Coding (programming) Maps
Nowadays especially in the browser
![Page 24: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/24.jpg)
“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 25: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/25.jpg)
D3: Data Driven Documents
http://d3js.orgconnect data to the DOM => transform the
DOM using the data
![Page 26: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/26.jpg)
So....
Can coders be cartographers ...?
![Page 27: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/27.jpg)
So....
Can coders be cartographers ...?
Sure, just as engravers could be cartographers
![Page 28: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/28.jpg)
So....
Can coders be cartographers ...?
Sure, just as engravers could be cartographers
Cartography is a state of mind
![Page 29: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/29.jpg)
So....
Can coders be cartographers ...
...or shouldcartographers become coders?
![Page 30: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/30.jpg)
So....
Can coders be cartographers ...
...or shouldcartographers become coders?
Sure, just as they could become engravers
It's just another tool!
![Page 31: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/31.jpg)
A new rolefor the cartographer
providing
tools that implement cartographic intent
![Page 32: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/32.jpg)
A new rolefor the cartographer
providing (cartographic knowledge for)
tools that implement cartographic intent
![Page 33: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/33.jpg)
A new rolefor the cartographer
providing (cartographic knowledge for)
tools that implement cartographic intent:
“code that thinks like acartographer”
![Page 34: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/34.jpg)
A new rolefor the cartographer
providing (cartographic knowledge for)
tools that implement cartographic intent:
“code that thinks like an atlas”
![Page 36: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/36.jpg)
Result: Easy access to powerful tools & data➔ “Coding Cartography”
kartoweb.itc.nl/kobben/D3tests/distancePerception/
![Page 37: Cartography from Code? Web... · “how I learned to stop worrying and love coding in cartography” Barend Köbben ITC – Universiteit Twente b.j.kobben@utwente.nl – @barendkobben](https://reader036.vdocuments.net/reader036/viewer/2022071220/6059c2f4bf68ea32736297ba/html5/thumbnails/37.jpg)
➔ everyone's a mapmaker now...!
http://cartodb.com
Result: Easy access to powerful tools & data