SlideShare a Scribd company logo
1 of 21
Download to read offline
Integrating
                                         Visualizations
                                         with Innertube

                                         Ian Li
                                         http://innertube.me

Ian Li | Quantified Self 2011 Amsterdam                         1
What?
Support exploring of multiple types of data in
a single interface.

Make it easy to find many visualizations.

Allow mix-and-match of different
visualizations.


Ian Li | Quantified Self 2011 Amsterdam           2
Make it easier
              for developers to build.




Ian Li | Quantified Self 2011 Amsterdam   3
Data Integration
Data Sources
                                         Dashboard




Ian Li | Quantified Self 2011 Amsterdam               4
Data Integration
Data Sources
                                         Dashboard




Ian Li | Quantified Self 2011 Amsterdam               5
Problems with Data Integration
Dashboard has to:

Access Data

Parse Data

Visualize Data



Ian Li | Quantified Self 2011 Amsterdam   6
Problems with Data Integration
Dashboard has to:

Access Data                              Managing many data
                                         sources w/ different APIs.
Parse Data
                                         The data source loses
Visualize Data                           control of the data.



Ian Li | Quantified Self 2011 Amsterdam                                7
Problems with Data Integration
Dashboard has to:

Access Data                              No standard format for
                                         the different types of data
Parse Data                               that users collect.
Visualize Data                           Dashboard has to create
                                         parsers for each format.


Ian Li | Quantified Self 2011 Amsterdam                              8
Problems with Data Integration
Dashboard has to:

Access Data                              Dashboard has to create
                                         visualizations for each
Parse Data                               type of data.
Visualize Data                           Duplicates creation of the
                                         visualizations.


Ian Li | Quantified Self 2011 Amsterdam                                9
Visualization Integration




Ian Li | Quantified Self 2011 Amsterdam   10
Visualization Integration
           Data Sources
                                         Dashboard




Ian Li | Quantified Self 2011 Amsterdam               11
Visualization Integration
           Data Sources Widgets
                                         Dashboard




Ian Li | Quantified Self 2011 Amsterdam               12
Visualization Integration
           Data Sources Widgets
                                         Dashboard




Ian Li | Quantified Self 2011 Amsterdam               13
Benefits of Viz Integration
Dashboard has to:

Accessing Data                           Provide an API that
                                         data sources can use.
Parsing Data
                                         Manage the
Visualizing Data                         communication
                                         between widgets.


Ian Li | Quantified Self 2011 Amsterdam                           14
Benefits of Viz Integration
From 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 with
widgets that others have made.


Ian Li | Quantified Self 2011 Amsterdam        15
INNERTUBE
                              http://innertube.me

Ian Li | Quantified Self 2011 Amsterdam              16
Implementation
Programmed in Javascript.

1.  Innertube API

2.  Innertube Widgets

3.  Innertube Dashboard



Ian Li | Quantified Self 2011 Amsterdam   17
Innertube API
Data sources create visualization widgets
using static images, Javascript, and/or Flash.

Data sources use the API to communicate
with the dashboard and vice versa.




Ian Li | Quantified Self 2011 Amsterdam           18
Innertube API
Get the date and range of visualizations to
display.

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
Demo of the
                  Innertube Dashboard
                   http://innertube.me



Ian Li | Quantified Self 2011 Amsterdam   20
ianli@ianli.com
                      http://innertube.me




Ian Li | Quantified Self 2011 Amsterdam      21

More Related Content

Similar to Integrating Visualizations with Innertube - Quantified Self 2011 Amsterdam

DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...
DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...
DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...Telenor Group
 
What's New on The Facebook Platform, October 2011
What's New on The Facebook Platform, October 2011What's New on The Facebook Platform, October 2011
What's New on The Facebook Platform, October 2011Iskandar Najmuddin
 
Eli Stull STPCon Spring 2017 Keynote
Eli Stull STPCon Spring 2017 KeynoteEli Stull STPCon Spring 2017 Keynote
Eli Stull STPCon Spring 2017 KeynoteApica
 
[WSO2Con EU 2018] Keynote - The API Driven World
[WSO2Con EU 2018] Keynote - The API Driven World[WSO2Con EU 2018] Keynote - The API Driven World
[WSO2Con EU 2018] Keynote - The API Driven WorldWSO2
 
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Jung
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang JungLightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Jung
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Junglucenerevolution
 
IBM API management Philip Little
IBM API management Philip LittleIBM API management Philip Little
IBM API management Philip LittleValeri Illescas
 
Social Enabler for XPages
Social Enabler for XPagesSocial Enabler for XPages
Social Enabler for XPagesNiklas Heidloff
 
Api management customer
Api management customerApi management customer
Api management customernick_garrod
 
Back to Basics: Dashboards 101
Back to Basics: Dashboards 101Back to Basics: Dashboards 101
Back to Basics: Dashboards 101TIBCO Jaspersoft
 
"Universal programming recipes", Kateryna Trofimenko
"Universal programming recipes", Kateryna Trofimenko"Universal programming recipes", Kateryna Trofimenko
"Universal programming recipes", Kateryna TrofimenkoBadoo Development
 
Universal programming recipes​ - Ekaterina Trofimenko - Women In Technology
Universal programming recipes​ - Ekaterina Trofimenko - Women In TechnologyUniversal programming recipes​ - Ekaterina Trofimenko - Women In Technology
Universal programming recipes​ - Ekaterina Trofimenko - Women In TechnologyBadoo
 
Oracle EBS iBiz Dashboard (Business mobile app)
Oracle EBS iBiz Dashboard (Business mobile app)Oracle EBS iBiz Dashboard (Business mobile app)
Oracle EBS iBiz Dashboard (Business mobile app)Falak
 
Open API Strategy, by Sensedia
Open API Strategy, by SensediaOpen API Strategy, by Sensedia
Open API Strategy, by SensediaSensedia
 
Internet of Things in 2025
Internet of Things in 2025Internet of Things in 2025
Internet of Things in 2025Alex Danvy
 
Bi for the_mobile_worker
Bi for the_mobile_workerBi for the_mobile_worker
Bi for the_mobile_workerQuestexConf
 
Enabling Self Service BI for OBIEE using Tableau
Enabling Self Service BI for OBIEE using TableauEnabling Self Service BI for OBIEE using Tableau
Enabling Self Service BI for OBIEE using TableauBI Connector
 
API-first, going beyond SOA, ESB & Integration
API-first, going beyond SOA, ESB & IntegrationAPI-first, going beyond SOA, ESB & Integration
API-first, going beyond SOA, ESB & IntegrationApigee | Google Cloud
 
Internship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperInternship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperHemant Sarthak
 

Similar to Integrating Visualizations with Innertube - Quantified Self 2011 Amsterdam (20)

DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...
DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...
DW 2015: Andreas Constantinou - The Business Model Mechanics of Internet Disr...
 
What's New on The Facebook Platform, October 2011
What's New on The Facebook Platform, October 2011What's New on The Facebook Platform, October 2011
What's New on The Facebook Platform, October 2011
 
Eli Stull STPCon Spring 2017 Keynote
Eli Stull STPCon Spring 2017 KeynoteEli Stull STPCon Spring 2017 Keynote
Eli Stull STPCon Spring 2017 Keynote
 
[WSO2Con EU 2018] Keynote - The API Driven World
[WSO2Con EU 2018] Keynote - The API Driven World[WSO2Con EU 2018] Keynote - The API Driven World
[WSO2Con EU 2018] Keynote - The API Driven World
 
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Jung
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang JungLightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Jung
Lightning talk :IBM Content Analytics with Enterprise Search - Wolfgang Jung
 
IBM API management Philip Little
IBM API management Philip LittleIBM API management Philip Little
IBM API management Philip Little
 
Social Enabler for XPages
Social Enabler for XPagesSocial Enabler for XPages
Social Enabler for XPages
 
Api management customer
Api management customerApi management customer
Api management customer
 
Back to Basics: Dashboards 101
Back to Basics: Dashboards 101Back to Basics: Dashboards 101
Back to Basics: Dashboards 101
 
"Universal programming recipes", Kateryna Trofimenko
"Universal programming recipes", Kateryna Trofimenko"Universal programming recipes", Kateryna Trofimenko
"Universal programming recipes", Kateryna Trofimenko
 
Universal programming recipes​ - Ekaterina Trofimenko - Women In Technology
Universal programming recipes​ - Ekaterina Trofimenko - Women In TechnologyUniversal programming recipes​ - Ekaterina Trofimenko - Women In Technology
Universal programming recipes​ - Ekaterina Trofimenko - Women In Technology
 
Oracle EBS iBiz Dashboard (Business mobile app)
Oracle EBS iBiz Dashboard (Business mobile app)Oracle EBS iBiz Dashboard (Business mobile app)
Oracle EBS iBiz Dashboard (Business mobile app)
 
Open API Strategy, by Sensedia
Open API Strategy, by SensediaOpen API Strategy, by Sensedia
Open API Strategy, by Sensedia
 
Internet of Things in 2025
Internet of Things in 2025Internet of Things in 2025
Internet of Things in 2025
 
2012 User's Conference SMART-Indivo Integration
2012 User's Conference SMART-Indivo Integration2012 User's Conference SMART-Indivo Integration
2012 User's Conference SMART-Indivo Integration
 
Bi for the_mobile_worker
Bi for the_mobile_workerBi for the_mobile_worker
Bi for the_mobile_worker
 
Enabling Self Service BI for OBIEE using Tableau
Enabling Self Service BI for OBIEE using TableauEnabling Self Service BI for OBIEE using Tableau
Enabling Self Service BI for OBIEE using Tableau
 
API-first, going beyond SOA, ESB & Integration
API-first, going beyond SOA, ESB & IntegrationAPI-first, going beyond SOA, ESB & Integration
API-first, going beyond SOA, ESB & Integration
 
Internship Presentation 2 Web Developer
Internship Presentation 2 Web DeveloperInternship Presentation 2 Web Developer
Internship Presentation 2 Web Developer
 
Enterprise Information Integration
Enterprise Information IntegrationEnterprise Information Integration
Enterprise Information Integration
 

More from Ian Li

Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...
Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...
Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...Ian Li
 
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...Ian Li
 
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)Ian Li
 
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...Ian Li
 
Personal Informatics and HCI, Ian Li, June 2010
Personal Informatics and HCI, Ian Li, June 2010Personal Informatics and HCI, Ian Li, June 2010
Personal Informatics and HCI, Ian Li, June 2010Ian Li
 
A Stage-Based Model of Personal Informatics Systems (Handout)
A Stage-Based Model of Personal Informatics Systems (Handout)A Stage-Based Model of Personal Informatics Systems (Handout)
A Stage-Based Model of Personal Informatics Systems (Handout)Ian Li
 
Personal Informatics Workshop at CHI 2010 (Poster)
Personal Informatics Workshop at CHI 2010 (Poster)Personal Informatics Workshop at CHI 2010 (Poster)
Personal Informatics Workshop at CHI 2010 (Poster)Ian Li
 
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)Ian Li
 
Personal Informatics and Context: Using Context to Reveal Factors that Affect...
Personal Informatics and Context: Using Context to Reveal Factors that Affect...Personal Informatics and Context: Using Context to Reveal Factors that Affect...
Personal Informatics and Context: Using Context to Reveal Factors that Affect...Ian Li
 

More from Ian Li (9)

Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...
Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...
Ubicomp 2011 - Understanding My Data, Myself: Supporting Self-Reflection with...
 
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...
Thesis Defense - Personal Informatics and Context: Using Context to Reveal Fa...
 
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)
Challenges of Self-Tracking (or Why I Spent 7 Years Doing Research)
 
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...
Holistic & Human-Centered: Towards Making Better Self-Tracking Tools, Ian Li,...
 
Personal Informatics and HCI, Ian Li, June 2010
Personal Informatics and HCI, Ian Li, June 2010Personal Informatics and HCI, Ian Li, June 2010
Personal Informatics and HCI, Ian Li, June 2010
 
A Stage-Based Model of Personal Informatics Systems (Handout)
A Stage-Based Model of Personal Informatics Systems (Handout)A Stage-Based Model of Personal Informatics Systems (Handout)
A Stage-Based Model of Personal Informatics Systems (Handout)
 
Personal Informatics Workshop at CHI 2010 (Poster)
Personal Informatics Workshop at CHI 2010 (Poster)Personal Informatics Workshop at CHI 2010 (Poster)
Personal Informatics Workshop at CHI 2010 (Poster)
 
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)
A Stage-Based Model of Personal Informatics Systems (CHI 2010 Talk)
 
Personal Informatics and Context: Using Context to Reveal Factors that Affect...
Personal Informatics and Context: Using Context to Reveal Factors that Affect...Personal Informatics and Context: Using Context to Reveal Factors that Affect...
Personal Informatics and Context: Using Context to Reveal Factors that Affect...
 

Recently uploaded

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsMemoori
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 

Recently uploaded (20)

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial BuildingsAI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
 
My Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 PresentationMy Hashitalk Indonesia April 2024 Presentation
My Hashitalk Indonesia April 2024 Presentation
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Scanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL CertsScanning the Internet for External Cloud Exposures via SSL Certs
Scanning the Internet for External Cloud Exposures via SSL Certs
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort ServiceHot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
Hot Sexy call girls in Panjabi Bagh 🔝 9953056974 🔝 Delhi escort Service
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 

Integrating Visualizations with Innertube - Quantified Self 2011 Amsterdam

  • 1. Integrating Visualizations with Innertube Ian Li http://innertube.me Ian Li | Quantified Self 2011 Amsterdam 1
  • 2. What? Support exploring of multiple types of data in a single interface. Make it easy to find many visualizations. Allow mix-and-match of different visualizations. Ian Li | Quantified Self 2011 Amsterdam 2
  • 3. Make it easier for developers to build. Ian Li | Quantified Self 2011 Amsterdam 3
  • 4. Data Integration Data Sources Dashboard Ian Li | Quantified Self 2011 Amsterdam 4
  • 5. Data Integration Data Sources Dashboard Ian Li | Quantified Self 2011 Amsterdam 5
  • 6. Problems with Data Integration Dashboard has to: Access Data Parse Data Visualize Data Ian Li | Quantified Self 2011 Amsterdam 6
  • 7. Problems with Data Integration Dashboard has to: Access Data Managing many data sources w/ different APIs. Parse Data The data source loses Visualize Data control of the data. Ian Li | Quantified Self 2011 Amsterdam 7
  • 8. Problems with Data Integration Dashboard has to: Access Data No standard format for the different types of data Parse Data that users collect. Visualize Data Dashboard has to create parsers for each format. Ian Li | Quantified Self 2011 Amsterdam 8
  • 9. Problems with Data Integration Dashboard has to: Access Data Dashboard has to create visualizations for each Parse Data type of data. Visualize Data Duplicates creation of the visualizations. Ian Li | Quantified Self 2011 Amsterdam 9
  • 10. Visualization Integration Ian Li | Quantified Self 2011 Amsterdam 10
  • 11. Visualization Integration Data Sources Dashboard Ian Li | Quantified Self 2011 Amsterdam 11
  • 12. Visualization Integration Data Sources Widgets Dashboard Ian Li | Quantified Self 2011 Amsterdam 12
  • 13. Visualization Integration Data Sources Widgets Dashboard Ian Li | Quantified Self 2011 Amsterdam 13
  • 14. Benefits of Viz Integration Dashboard has to: Accessing Data Provide an API that data sources can use. Parsing Data Manage the Visualizing Data communication between widgets. Ian Li | Quantified Self 2011 Amsterdam 14
  • 15. Benefits of Viz Integration From 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 with widgets that others have made. Ian Li | Quantified Self 2011 Amsterdam 15
  • 16. INNERTUBE http://innertube.me Ian Li | Quantified Self 2011 Amsterdam 16
  • 17. Implementation Programmed in Javascript. 1.  Innertube API 2.  Innertube Widgets 3.  Innertube Dashboard Ian Li | Quantified Self 2011 Amsterdam 17
  • 18. Innertube API Data sources create visualization widgets using static images, Javascript, and/or Flash. Data sources use the API to communicate with the dashboard and vice versa. Ian Li | Quantified Self 2011 Amsterdam 18
  • 19. Innertube API Get the date and range of visualizations to display. 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. Demo of the Innertube Dashboard http://innertube.me Ian Li | Quantified Self 2011 Amsterdam 20
  • 21. ianli@ianli.com http://innertube.me Ian Li | Quantified Self 2011 Amsterdam 21