Effective Data Visualization - Strata (Feb 2012)

F I N D A N D U N D E R S TA N D D ATA

February 29, 2012Strata Conference

Effective DataVisualization

Founder and CEO

HjalmarGislason

Twitter: @datamarketSlides: http://blog.datamarket.com/

http://twitter.com/datamarket

http://twitter.com/datamarket

http://blog.datamarket.com

http://blog.datamarket.com

‣Why visualize data? ...and what we do

‣Our requirements

‣Our approach

TOPICS

drive our worldNUMBERS

Finding and publishingnumerical data is

HARD

for numbersGOOGLE

for numbers“APP STORE”

Wasn’t this supposed to be about

VISUALIZATION?

http://datamarket.com/gallery/population_pyramid/


109 columnsx

340 lines=

37.060 cells






























































































































































http://datamarket.com/is/gallery/population_pyramid/

http://datamarket.com/is/gallery/population_pyramid/

http://gagnatorg.capacent.is/gallery/earthquakes_and_eruptions/

http://gagnatorg.capacent.is/gallery/earthquakes_and_eruptions/

One-off projectsvs.

generic solutions

http://datamarket.com/



150,000,000More than

time series

23.000+data sets

822 years1279 - 2100

data publishing & insights

SELF-SERVICE

http://blog.datamarket.com/2012/02/29/introducing-datamarket-for-data-publishers/

http://blog.datamarket.com/2012/02/29/introducing-datamarket-for-data-publishers/

OUR REQUIREMENTS

OUR STACK

Postgres

Python

Django

HTML5 / Javascript

???Visualization

Web (client)

Web (server)

Server + Connectors

Database

OUR STACK

Postgres

Python

Django

HTML5 / Javascript

???Visualization

Web (client)

Web (server)

Server + Connectors

Database

REQUIREMENTS

http://blog.datamarket.com/2012/01/11/datamarkets-declaration-of-principles/




REQUIREMENTFull control of look, feel and UI

http://data.is/nJWPRT



REQUIREMENTBrowser compatibility

REQUIREMENTiOS

REQUIREMENTVector based

http://www.guardian.co.uk/news/datablog/2011/sep/21/death-penalty-statistics-us



REQUIREMENTServer-side rendering

REQUIREMENTS

Server-side rendering

Full control of look, feel and UIBrowser compatibilityiOSVector based

?

PROTOVIS

http://mbostock.github.com/protovis/ex/



PROTOVIS



PROTOVISServer-side rendering

http://nodejs.org/

http://nodejs.org/

http://nodejs.org/

http://xmlgraphics.apache.org/batik/tools/rasterizer.html















http://www.reportlab.com/software/opensource/















http://python.net/~gherman/svglib.html











PROTOVISServer-side rendering

http://nodejs.org/

http://nodejs.org/

http://nodejs.org/










































PROTOVIS



PROTOVISBrowser compatibility



?




IE9 IE <9


IE9 IE <9


IE9 IE <9



Protovis SVG


Protovis SVG

VML

Shim



http://blog.datamarket.com/2011/06/22/protovis-support-internet-explorer-8/







PROTOVIS



PROTOVIS

D3

Supercool presentation: http://mbostock.github.com/d3/talk/20111018/#0

http://mbostock.github.com/d3/

http://mbostock.github.com/d3/

http://mbostock.github.com/d3/talk/20111018/#0

http://mbostock.github.com/d3/talk/20111018/#0

http://mbostock.github.com/d3/talk/20111018/%230

http://mbostock.github.com/d3/talk/20111018/%230

PROTOVIS vs D3

TOPICS‣Why visualize data? ...and what we do

‣Our requirements

‣Our approach

“Office Hours“

http://strataconf.com/strata2012/public/content/office-hours



F I N D A N D U N D E R S TA N D D ATA

Twitter: @datamarket · Facebook: DataMarket · E-mail: [email protected]

Hjalmar Gislason, founder & CEO

mailto:[email protected]

mailto:[email protected]

Technology

Effective Data Visualization - Strata (Feb 2012)