an interactive carto dashboard for distributed statistical ... web... · an interactive carto...

53
An interactive An interactive Carto Dashboard for Carto Dashboard for Distributed Statistical Data Distributed Statistical Data in an SDI in an SDI http://www.nationaleatlas.nl http://www.nationaleatlas.nl BAREND KÖBBEN BAREND KÖBBEN [email protected] [email protected] @barendkobben @barendkobben

Upload: duongdung

Post on 08-Nov-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

An interactive An interactive Carto Dashboard for Carto Dashboard for Distributed Statistical DataDistributed Statistical Datain an SDIin an SDI

http://www.nationaleatlas.nlhttp://www.nationaleatlas.nlBAREND KÖBBENBAREND KÖBBEN

[email protected]@utwente.nl @barendkobben@barendkobben

Page 2: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

An interactive An interactive Carto Dashboard for Carto Dashboard for

Distributed Statistical DataDistributed Statistical Datain an SDIin an SDI

• what is it?• where did it come from?

• how does it work?• how does it ACTUALLY work?

Page 3: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

An interactive An interactive Carto Dashboard for Carto Dashboard for

Distributed Statistical DataDistributed Statistical Datain an SDIin an SDI

?

Page 4: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

An interactive An interactive Carto Dashboard for Carto Dashboard for

Distributed Statistical DataDistributed Statistical Datain an SDIin an SDI

a system that can consume a combination ofstatistical data from the SDI, and cartographicallyintegrate them, so that visual comparison of datafrom different providers or different data from a

single provider is optimized. The Carto Dashboard can be considered as a

“smart data viewer”

Page 5: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A new rolefor the cartographer

providing (cartographic knowledge for)

tools that implement cartographic intent:

“code that thinks like acartographer”

Page 6: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Cartography from Code...?

or

“how I learned to stopworrying and love coding in

cartography”Barend Köbben

ITC – Universiteit [email protected] – @barendkobben

Page 7: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A change in my world

My tools once were these:

Page 8: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A change in my world

...but now look like this:

Page 9: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A change in my world

Computers gave me this at first:

SYMAP line printer output (1965, by Howard Fisher)

Page 10: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A change in my world

...but have been improving since:

Page 11: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

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 12: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A change in my worldBoth were constructed using software

this one wasdigitally drawn

»»

this one wascoded (programmed)

Page 13: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A new rolefor the cartographer

providing

tools that implement cartographic intent

Page 14: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

A new rolefor the cartographer

providing (cartographic knowledge for)

tools that implement cartographic intent

Page 15: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

The new role of thecartographer

providing (cartographic knowledge for)

tools that implement cartographic intent:

“code that thinks like an atlas”

Page 16: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboard

Building further on the NATIONAL ATLAS IN SDI

prototype

Page 17: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

The Dutch National Atlaswithin SDI

details in Dresden paper:Cartographic Journal, 50 : 3, pp. 225--231

Page 18: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Brief history of theDutch National Atlas

Page 19: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Brief history of theDutch National Atlas

1st edition (1963–1978)

Page 20: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Brief history of theDutch National Atlas

2nd edition (1989–1995)

Page 21: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Brief history of theDutch National Atlas

after 1998 government involvement andfunding ended

=> limited and fragmented academicprojects to keep atlas alive

2000:digital facsimile of 2nd edition

Page 22: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Atlas as part of a Spatial Data Infrastructure

Page 23: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Atlas as part of a Spatial Data Infrastructure

presents a synthesisoptimised for visualisation

Page 24: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Atlas as part of a Spatial Data Infrastructure

visualisation of separate data, notoptimised for combinations (synergy)

Page 25: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Atlas as part of a Spatial Data Infrastructure

a combination of two different worlds

Page 26: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Mapping in a webservices environment

Page 27: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Mapping in a webservices environment as part of

Page 28: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Mapping in a webservices environment as part of

Page 29: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

conceptual change needed

sub-optimal combinationof arbitrary map layers

Page 30: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

conceptual change needed

sub-optimal combinationof arbitrary map layers

integrated mapping ofdata layers

Page 31: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

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 32: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination
Page 33: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboard UI setup

Page 34: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

DEMO TIME!

Page 35: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboard

Building further on the Atlas prototype

Specifically for Statistical Data

Concentrating on comparison tools:

in theme: same place and time, different variablesin time: same variable, different times

in space: same variable, different places/aggregation

Page 36: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboardcomparison tools

in theme: same place and time, different variables

Page 37: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboardcomparison tools

in time: same variable, different times

Page 38: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboardcomparison tools

in space: same variable, different places/aggregation

Page 39: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Statistics Dashboard UI setup

Page 40: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

SIDE BY SIDE

Page 41: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

TRANSPARENCY

Page 42: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

SWIPE

Page 43: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

How does it ACTUALLY work?THE TECHNOLOGY

Page 44: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

How does it ACTUALLY work?THE TECHNOLOGY

also is building further on the

NATIONAL ATLAS IN SDIprototype

Page 45: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Architectureoverview

Page 46: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

- use data services (WFS) requests- GeoJSON output where possible

Page 47: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

- use data services (WFS or REST) requests- GeoJSON or CSV data output

Page 48: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

ATLAS utility services & basedata

Page 49: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination
Page 50: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Atlas Viewer:- based on the Open Web Platform: HTML5 + SVG + CSS +JavaScript - uses D3 library

Page 51: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

FUTURE WORK

Practical:• make “compare to…” chooser context aware• add more comparison methods• add more Open Data connectors• etc., etc…

Page 52: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

FUTURE WORK

Practical:• make “compare to…” chooser context aware• add more comparison methods• add more Open Data connectors• etc., etc…

Theoretical:• formalising map specifications for further automating

thematic map creation

Page 53: An interactive Carto Dashboard for Distributed Statistical ... Web... · An interactive Carto Dashboard for Distributed Statistical Data in an SDI a system that can consume a combination

Thank you!

http://www.nationaleatlas.nl

Barend KöbbenITC – Universiteit Twente

[email protected] – @barendkobben