open innovation for data visualization - oecd©space‐time research2009 19 open innovation...
TRANSCRIPT
![Page 1: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/1.jpg)
Organization for Economic Co‐operation and Development
Seminar on Innovative Approaches to Turn Statistics into Knowledge
July 2009
Open Innovation for Data Visualization
![Page 2: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/2.jpg)
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
![Page 3: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/3.jpg)
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
![Page 4: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/4.jpg)
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
![Page 5: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/5.jpg)
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
![Page 6: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/6.jpg)
6© Space‐Time Research 2009 Open Innovation for Data Visualization
Drug usage (1/4)
Entry pointKey statisticNot overwhelmingInvites to interact
![Page 7: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/7.jpg)
7© Space‐Time Research 2009 Open Innovation for Data Visualization
Drug usage (2/4)
Simple InteractionTool tipsHide/show seriesChange filter
![Page 8: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/8.jpg)
8© Space‐Time Research 2009 Open Innovation for Data Visualization
Drug usage (3/4)
Deeper interactionCreate statisticCompareChange view
![Page 9: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/9.jpg)
9© Space‐Time Research 2009 Open Innovation for Data Visualization
Interaction in action
Drug usage (4/4)
![Page 10: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/10.jpg)
10© Space‐Time Research 2009 Open Innovation for Data Visualization
Cancer statistics (1/3)
User experienceView selectionFewer data combinationsInteractive reports
![Page 11: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/11.jpg)
11© Space‐Time Research 2009 Open Innovation for Data Visualization
Cancer statistics (2/3)
VisualizationsThematic mapsAdvanced chartsExporting
![Page 12: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/12.jpg)
12© Space‐Time Research 2009 Open Innovation for Data Visualization
Interaction in action
Cancer statistics (3/3)
![Page 13: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/13.jpg)
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
![Page 14: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/14.jpg)
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
![Page 15: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/15.jpg)
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
![Page 16: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/16.jpg)
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
![Page 17: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/17.jpg)
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
![Page 18: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/18.jpg)
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
![Page 19: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/19.jpg)
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
![Page 20: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/20.jpg)
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
![Page 21: Open Innovation for Data Visualization - OECD©Space‐Time Research2009 19 Open Innovation forDataVisualization Data and event model o Data query o Data call back o Data result ‐model](https://reader033.vdocument.in/reader033/viewer/2022060300/5f0802647e708231d41fdfdc/html5/thumbnails/21.jpg)
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