Organization for Economic Co‐operation and Development Seminar on Innovative Approaches to Turn Statistics into Knowledge July 2009 Open Innovation for Data Visualization
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