Cartography from Code? Web... · “how I learned to stop worrying and love coding in...

37
Cartography from Code...? Barend Köbben ITC – Universiteit Twente [email protected] – @barendkobben

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

Page 1: 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.

Cartography from Code...?

Barend KöbbenITC – Universiteit Twente

[email protected] – @barendkobben

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.

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.

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.

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.

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.

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.

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.

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.

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.

...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.

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.

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.

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.

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.

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.

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.

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.

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.

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.
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.

“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.

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.

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.

“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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

A new rolefor the cartographer

providing (cartographic knowledge for)

tools that implement cartographic intent:

“code that thinks like an atlas”

Page 35: 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.

The Dutch National Atlas

www.nationaleatlas.nl

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.

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.

➔ everyone's a mapmaker now...!

http://cartodb.com

Result: Easy access to powerful tools & data