a carto dashboard for distributed statistical data -...
TRANSCRIPT
![Page 1: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/1.jpg)
A Carto Dashboard for Distributed Statistical Data
Barend KöbbenITC – Universiteit Twente
[email protected] – @barendkobben
![Page 2: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/2.jpg)
A Carto Dashboard for Distributed Statistical Data
or“how I learned to stop
worrying and love coding in cartography”
Barend KöbbenITC – Universiteit Twente
[email protected] – @barendkobben
![Page 3: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/3.jpg)
A change in my world
My tools once were these:
![Page 4: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/4.jpg)
A change in my world
...but now look like this:
![Page 5: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/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: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/6.jpg)
A change in my world
...but have been improving since:
NY CityHenge (2013, by Andrew Hill) – http://nychenge.com/
![Page 7: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/7.jpg)
possible...?CODED CARTOGRAPHY
![Page 8: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/8.jpg)
...or an oxymoron?CODED CARTOGRAPHY
![Page 9: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/9.jpg)
CODED CARTOGRAPHY
Can coders be cartographers...
...or shouldcartographers become coders?
![Page 10: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/10.jpg)
TRENDS
Technology influences cartography
![Page 11: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/11.jpg)
TRENDS
Technology influences cartography
Cartography ≠ Technology
![Page 12: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/12.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
![Page 13: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/13.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
publishing maps: manuscript → print → digital → web
![Page 14: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/14.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
drawing maps: hand drawing → digital drawing → digital construction (coding)
![Page 15: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/15.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
Cartography = visualising spatial datawith a certain INTENT
![Page 16: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/16.jpg)
TRENDS
Technology influences cartography (or at least its tools)
Cartography ≠ Technology
Cartography = visualising spatial datawith a certain INTENT
sketched manuscript ↔ coded website
![Page 17: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/17.jpg)
Cameron Beccariohttp://earth.nullschool.net/
![Page 18: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/18.jpg)
![Page 19: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/19.jpg)
“Everything Sings”
a narrative Atlas
Dennis Wood
![Page 20: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/20.jpg)
So....
Can coders be cartographers ...?
![Page 21: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/21.jpg)
So....
Can coders be cartographers ...?
Sure, just as engravers could be cartographers
![Page 22: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/22.jpg)
So....
Can coders be cartographers ...?
Sure, just as engravers could be cartographers
Cartography is a state of mind
![Page 23: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/23.jpg)
So....
Can coders be cartographers ...
...or shouldcartographers become coders?
![Page 24: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/24.jpg)
So....
Can coders be cartographers ...
...or shouldcartographers become coders?
Sure, just as they could become engravers
It's just another tool!
![Page 25: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/25.jpg)
The new role of the cartographer
providing
tools that implement cartographic intent
![Page 26: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/26.jpg)
The new role of the cartographer
providing (cartographic knowledge for)
tools that implement cartographic intent
![Page 27: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/27.jpg)
The new role of the cartographer
providing (cartographic knowledge for)
tools that implement cartographic intent:
“code that thinks like an atlas”
![Page 28: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/28.jpg)
The Dutch National Atlas
www.nationaleatlas.nl
![Page 29: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/29.jpg)
Atlas as part of a Spatial Data Infrastructure
a combination of two different worlds
![Page 30: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/30.jpg)
Mapping in a webservices environment
![Page 32: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/32.jpg)
Mapping in a webservices environment as part of
![Page 33: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/33.jpg)
conceptual change needed
sub-optimal combination of arbitrary map layers
![Page 34: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/34.jpg)
conceptual change needed
sub-optimal combination of arbitrary map layers
integrated mapping of data layers
![Page 35: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/35.jpg)
Architecture
![Page 36: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/36.jpg)
- use data services (WFS) requests- GeoJSON where possible
![Page 37: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/37.jpg)
ATLAS utility services & basedata
![Page 38: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/38.jpg)
Atlas Viewer:- based on the Open Web Platform- uses D3 library
![Page 39: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/39.jpg)
Statistics Dashboard
![Page 40: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/40.jpg)
Statistics Dashboard
Building further on the Atlas prototype
![Page 41: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/41.jpg)
Statistics Dashboard
Building further on the Atlas prototype
Specifically for Statistical DataFrom Statistics Netherlands (CBS)
- Open Data, API using ODATA standard -To be combined with other SDI data
![Page 42: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/42.jpg)
![Page 43: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/43.jpg)
Statistics Dashboard
Building further on the Atlas prototype
Specifically for Statistical Data
Concentrating on comparison tools in space: same variable, different places or
same variable, different aggregationin time: same variable, different times
in theme: same place and time, different variables
![Page 44: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/44.jpg)
Statistics Dashboard UI setup
![Page 45: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/45.jpg)
Statistics Dashboard UI setup
![Page 46: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/46.jpg)
% non-western foreigners % western foreigners
SIDE BY SIDE
![Page 47: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/47.jpg)
% non-western foreigners % western foreigners
SWIPE
![Page 48: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/48.jpg)
% non-western foreigners % western foreigners
SWIPE
![Page 49: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/49.jpg)
% non-western foreigners % western foreigners
SWIPE
![Page 50: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/50.jpg)
% non-western foreigners % western foreigners
SWIPE
![Page 51: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/51.jpg)
% non-western foreigners % western foreigners
TRANSPARENCY
![Page 52: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/52.jpg)
% non-western foreigners % western foreigners
TRANSPARENCY
![Page 53: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/53.jpg)
% non-western foreigners % western foreigners
TRANSPARENCY
![Page 54: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/54.jpg)
% non-western foreigners % western foreigners
TRANSPARENCY
![Page 55: A Carto Dashboard for Distributed Statistical Data - ITCkartoweb.itc.nl/kobben/publications/2014/GraphicalWeb14-Carto... · A Carto Dashboard for Distributed Statistical Data](https://reader036.vdocuments.site/reader036/viewer/2022070612/5b32d23c7f8b9ae1108cdf14/html5/thumbnails/55.jpg)
Thank you!
http://www.nationaleatlas.nl
Barend KöbbenITC – Universiteit Twente
[email protected] – @barendkobben