Integrating Visualizations with Innertube - Quantified Self 2011 Amsterdam

2,345 views

Published on

In this breakout session at the Quantified Self 2011 Amsterdam, I described Innertube, a platform to create visualizations widgets that can be integrated in a dashboard. I presented how Innertube solves some of the problems in integrating visualizations. I also showed a demonstration of how Innertube worked (http://innertube.me)

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,345
On SlideShare
0
From Embeds
0
Number of Embeds
35
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Integrating Visualizations with Innertube - Quantified Self 2011 Amsterdam

  1. 1. Integrating Visualizations with Innertube Ian Li http://innertube.meIan Li | Quantified Self 2011 Amsterdam 1
  2. 2. What?Support exploring of multiple types of data ina single interface.Make it easy to find many visualizations.Allow mix-and-match of differentvisualizations.Ian Li | Quantified Self 2011 Amsterdam 2
  3. 3. Make it easier for developers to build.Ian Li | Quantified Self 2011 Amsterdam 3
  4. 4. Data IntegrationData Sources DashboardIan Li | Quantified Self 2011 Amsterdam 4
  5. 5. Data IntegrationData Sources DashboardIan Li | Quantified Self 2011 Amsterdam 5
  6. 6. Problems with Data IntegrationDashboard has to:Access DataParse DataVisualize DataIan Li | Quantified Self 2011 Amsterdam 6
  7. 7. Problems with Data IntegrationDashboard has to:Access Data Managing many data sources w/ different APIs.Parse Data The data source losesVisualize Data control of the data.Ian Li | Quantified Self 2011 Amsterdam 7
  8. 8. Problems with Data IntegrationDashboard has to:Access Data No standard format for the different types of dataParse Data that users collect.Visualize Data Dashboard has to create parsers for each format.Ian Li | Quantified Self 2011 Amsterdam 8
  9. 9. Problems with Data IntegrationDashboard has to:Access Data Dashboard has to create visualizations for eachParse Data type of data.Visualize Data Duplicates creation of the visualizations.Ian Li | Quantified Self 2011 Amsterdam 9
  10. 10. Visualization IntegrationIan Li | Quantified Self 2011 Amsterdam 10
  11. 11. Visualization Integration Data Sources DashboardIan Li | Quantified Self 2011 Amsterdam 11
  12. 12. Visualization Integration Data Sources Widgets DashboardIan Li | Quantified Self 2011 Amsterdam 12
  13. 13. Visualization Integration Data Sources Widgets DashboardIan Li | Quantified Self 2011 Amsterdam 13
  14. 14. Benefits of Viz IntegrationDashboard has to:Accessing Data Provide an API that data sources can use.Parsing Data Manage theVisualizing Data communication between widgets.Ian Li | Quantified Self 2011 Amsterdam 14
  15. 15. Benefits of Viz IntegrationFrom the perspective of data sources:Maintain control of the data.They can choose how the data is visualized.Create a widget and it can be used withwidgets that others have made.Ian Li | Quantified Self 2011 Amsterdam 15
  16. 16. INNERTUBE http://innertube.meIan Li | Quantified Self 2011 Amsterdam 16
  17. 17. ImplementationProgrammed in Javascript.1.  Innertube API2.  Innertube Widgets3.  Innertube DashboardIan Li | Quantified Self 2011 Amsterdam 17
  18. 18. Innertube APIData sources create visualization widgetsusing static images, Javascript, and/or Flash.Data sources use the API to communicatewith the dashboard and vice versa.Ian Li | Quantified Self 2011 Amsterdam 18
  19. 19. Innertube APIGet the date and range of visualizations todisplay.Get the currently highlighted data point.Change the appearance of the widget.•  Set height of the widget.•  Reload the widget.Ian Li | Quantified Self 2011 Amsterdam 19
  20. 20. Demo of the Innertube Dashboard http://innertube.meIan Li | Quantified Self 2011 Amsterdam 20
  21. 21. ianli@ianli.com http://innertube.meIan Li | Quantified Self 2011 Amsterdam 21

×