Organization for Economic Co‐operation and Development

Seminar on Innovative Approaches to Turn Statistics into Knowledge

July 2009

Open Innovation for Data Visualization

2© Space‐Time Research 2009 Open Innovation for Data Visualization

Interactive Data Visualizationo No‐compromise user experienceo 2 exampleso Under the hoodo Facilitating collaboration

Collaboration for Innovationo Sharingo Enhancing

Agenda

3© Space‐Time Research 2009 Open Innovation for Data Visualization

The platform — the Web 2.0 internetInterdisciplinary→ Where art and science meetThe "last‐mile" of data provisionFocal point: end user experienceCutting edge technologies vs. accessibility

Interactive data visualization

4© Space‐Time Research 2009 Open Innovation for Data Visualization

"Studies of user behavior on the Web find a low tolerance for difficult designs or slow sites. People don't want to wait. And they don't want to learn how to use a home page. There's no such thing as a training class or a manual for a Web site. People have to be able to grasp the functioning of the site immediately after scanning the home page—for a few seconds at most."

Jakob Nielsen

User experience

5© Space‐Time Research 2009 Open Innovation for Data Visualization

Drug Usageo Data: Police detainee surveyo drug usage, offense type, socioeconomics, time serieso User Experience: Data Selectiono http://data.aic.gov.au/duma/duma.html

(Australian Institute of Criminology)

Cancer Statisticso Data: Cancer cases/deaths→ weighted rates, time series, geography, sex, age, cancer type

o User Experience: View Selectiono http://vcrdata.cancervic.org.au:8082/ccv/

(Cancer Council of Victoria)

Two examples

6© Space‐Time Research 2009 Open Innovation for Data Visualization

Drug usage (1/4)

Entry pointKey statisticNot overwhelmingInvites to interact

7© Space‐Time Research 2009 Open Innovation for Data Visualization

Drug usage (2/4)

Simple InteractionTool tipsHide/show seriesChange filter

8© Space‐Time Research 2009 Open Innovation for Data Visualization

Drug usage (3/4)

Deeper interactionCreate statisticCompareChange view

9© Space‐Time Research 2009 Open Innovation for Data Visualization

Interaction in action

Drug usage (4/4)

10© Space‐Time Research 2009 Open Innovation for Data Visualization

Cancer statistics (1/3)

User experienceView selectionFewer data combinationsInteractive reports

11© Space‐Time Research 2009 Open Innovation for Data Visualization

Cancer statistics (2/3)

VisualizationsThematic mapsAdvanced chartsExporting

12© Space‐Time Research 2009 Open Innovation for Data Visualization

Interaction in action

Cancer statistics (3/3)

13© Space‐Time Research 2009 Open Innovation for Data Visualization

Backendo Data provision onlyo Synthetic Data Engineo Simple and stateless Servlet layer

RESTful Data APIo Interfaces Backend and Frontend

Frontendo Rich Cliento AJAX technologieso Built with Google Web Toolkit

Under the hood

14© Space‐Time Research 2009 Open Innovation for Data Visualization

Stateless data requests(HTTP GET, URL)

Response in JSON format

More details here:http://docs.google.com/Doc?id=dfskdrjr_113g486nbf5

RESTful Data API

15© Space‐Time Research 2009 Open Innovation for Data Visualization

Exportingo Current state of interactiono Multiformat

Permalinkso Data visualizations in current stateo Links to exported fileso Reusable in email, IM, Wikis, blogs, CMS etc.

Embeddingo HTML snippeto OpenSocial Gadgets

Facilitating collaboration

16© Space‐Time Research 2009 Open Innovation for Data Visualization

Multi‐level approach

End user/ non programmero share, comment on  findingso export, link, embedo create new combinations

Programmerso AJAX APIo RESTful data API

Collaboration for innovation

17© Space‐Time Research 2009 Open Innovation for Data Visualization

AJAX APIo deep integrationo visulization ehancemento creation of new JavaScript based visualizations

RESTful data APIo low‐level, platform and language independent.

Programmable interfaces

18© Space‐Time Research 2009 Open Innovation for Data Visualization

Usability principles for programming communityo simplicityo consistencyo "the best journey is the one with fewest steps"o examples, tutorials, groupso hello‐world custom visualization within half a dayo clear error messages

AJAX API componentso data and event modelo visualization configuration

AJAX API

19© Space‐Time Research 2009 Open Innovation for Data Visualization

Data and event modelo Data queryo Data call backo Data result ‐modelo Data selection state ‐model

Visualization configurationo Colorso Sizeso Labelso Formattingo Selection events

AJAX API — components

20© Space‐Time Research 2009 Open Innovation for Data Visualization

function initialize() {var query = new yourcompany.Query('http://yourdataprovider.com');query.setRowField('age');query.setColumnField('occupation');query.send(handleResponse);

}

function handleResponse(response) {if (reponse.isError()) return; // error handling...var dataModel = response.getDataModel();dataModel.setSelectedColumn(0);dataModel.setSelectedColumn(2);

var visualization = new yourcompany.LineChart(document.getElementById('vis_div'));

var lineChartConfig = {colors: ['red','green', 'blue']};visualization.render(dataModel, lineChartConfig);

}

AJAX API — example

21© Space‐Time Research 2009 Open Innovation for Data Visualization

Interactive Data Visualizationo No‐compromise user experienceo Facilitating collaboration

Collaboration for Innovationo Multi‐level approacho End‐user

exploringsharing, exporting, linking, embedding

o Programmerenhancing, deeply integrating, new creationsAJAX API, RESTful API

Conclusion