SlideShare a Scribd company logo
The 
Dashboarding 
Problem
Analytics team at Wikimedia Foundation
Easily Visualize 
Editor Engagement 
for all Wikimedia 
projects 
Goal:
Explore 
Side Goal: 
Dashboarding 
Technologies
Date project pages created 
20140101 arwiki 50 
20140102 arwiki 40 
… 
20140101 dewiki 100 
20140102 dewiki 200
Problem #1
Problem #1 
Access to 
Data
Everyone should 
have access! 
Easily Visualize 
Editor Engagement 
for all Wikimedia 
projects
Problem #1 
Public Access 
to Data
Problem #2 
Visualization
The dashboarding problem
The dashboarding problem
Visualization is 
an easier 
problem than 
data access
The dashboarding problem
The dashboarding problem
The dashboarding problem
The dashboarding problem
Problem #3
Problem #3 
Information 
Architecture
How do you 
explore data for 
more than 800 
projects?
The dashboarding problem
http://reportcard.wmflabs.org/#secondary-graphs-tab
The dashboarding problem
#1 Access to Data 
#2 Visualization 
#3 Information 
Architecture
#1 Access to Data 
#2 Visualization 
#3 Information 
engineering 
Architecture 
design
#3 Information 
Architecture 
Design knows best
https://metrics.wmflabs.org/static/public/dash/
#1 Access to Data
Tech Decision: 
Make all data 
available via 
HTTP
https://metrics.wmflabs.org/static/public/datafiles/
Data is available 
in JSON format
{ 
"result": { 
"Sum": { 
"newly_registered": { 
"2014-08-26 00:00:00": 364.0, 
"2014-08-24 00:00:00": 331.0, 
"2014-08-21 00:00:00": 382.0, 
"2014-08-30 00:00:00": 383.0, 
"2014-09-25 00:00:00": 372.0, 
"2014-08-22 00:00:00": 367.0, 
"2014-09-24 00:00:00": 410.0, 
"2014-09-06 00:00:00": 370.0, 
"2014-09-09 00:00:00": 370.0, 
"2014-09-27 00:00:00": 321.0, 
"2014-09-05 00:00:00": 317.0 
} 
} 
}, 
"parameters": { 
"Cohort": "arwiki", 
"Created On": "2014-09-13 00:00:00", 
"Metric_end_date": "2014-09-13 00:00:00", 
"Metric_start_date": "2014-09-12 00:00:00", 
"Cohort Size": 0, 
"Metric": "NewlyRegistered" 
} 
} 
Includes 
metadata
Data is available 
to everyone.
Why not?... 
Server-less
Why not?... 
Server-less 
What is the middle 
tier for anyways?
Decouples 
visualization 
piece from data 
gathering piece 
No 
authentication 
needed 
Server-less
The dashboarding problem
We are 
server-less, 
we need to 
store the 
bootstrap 
state of the 
dashboard 
somewhere
https://metrics.wmflabs.org/static/public/dash/ 
{ 
"defaultProjects": [ 
"enwiki", "eswiki", "dewiki", "frwiki", "ruwiki", 
"jawiki", "itwiki" 
], 
"defaultMetrics": [ 
"RollingActiveEditor", "NewlyRegistered" 
] 
}
Any other 
data store. 
Yours?
Technology Stack
Must Haves: 
Package Manager 
Dependency Loading 
Data Binding Library 
DOM manipulation and ajax 
Testing
Technology Stack 
Micro libraries: “each library does 
1 thing well”
> Bower install
The dashboarding problem
https://metrics.wmflabs.org/static/public/dash/
The dashboarding problem
The 
Of Knockout 
Components
Knockout is 
not 
Polymer
Reusable 
pieces
The dashboarding problem
Show me the code….
The dashboarding problem
The dashboarding problem
Dashiki: a thin wrapper on 
top of OS technology + 
information architecture. 
We can use dashiki to build 
other dashboards.
https://github.com/wikimedia/analytics-dashiki
Lessons: 
Server-less = Reduced complexity 
Easy(est) to deploy 
CORS 
No error log for now 
Bootstrap default state 
Keep things simple. No authentication.
Questions?

More Related Content

PPT
IBM WebSphere Portal
PPT
01. Portal Business Overview
PDF
Mobile hig
PDF
01. Portal Business Overview
PDF
Ajax World Oct2008 Jrd
PDF
01 web sphere portal business overview
PDF
IBM WebSphere Portal References Education
PDF
Egl Rui Ajax World
IBM WebSphere Portal
01. Portal Business Overview
Mobile hig
01. Portal Business Overview
Ajax World Oct2008 Jrd
01 web sphere portal business overview
IBM WebSphere Portal References Education
Egl Rui Ajax World

What's hot (20)

PDF
Websphere Portal
PDF
Cloud Computing2
DOCX
Krishnakumar Rajendran (1)
PPTX
Java enterprise paradise
PPT
WebSphere Portal Business Overview
PPS
Web Component Development with Servlet and JSP Technologies Unit 01
PPTX
IBM Rational HATS Overview 2013
PDF
Managing Content In Portal Wcm
PPTX
Weblogic 12c experiences - migrations from iAS-platform
PPT
WebSphere Portal Technical Overview
PDF
emediaIT and Dell Breakfast - 2009.11.05
PPT
IBM Portal Web intro
PPT
SD Forum Java SIG - Service Oriented UI Architecture
ODP
Putting *Sparkle* in Your Social Applications! Customization and Branding wit...
PDF
Life above the_service_tier_v1.1
PDF
What's new in Portal and WCM 8.5
DOC
Mallesh Aruri
PDF
Integrating IBM Web Sphere Portal With Web Analytic Hosted And Non Hosted Sit...
PPT
Microsoft Insurance Solutions Keynote Presentation at the Financial Services ...
PDF
IBM WebSphere Portal - Die nächste Generation
Websphere Portal
Cloud Computing2
Krishnakumar Rajendran (1)
Java enterprise paradise
WebSphere Portal Business Overview
Web Component Development with Servlet and JSP Technologies Unit 01
IBM Rational HATS Overview 2013
Managing Content In Portal Wcm
Weblogic 12c experiences - migrations from iAS-platform
WebSphere Portal Technical Overview
emediaIT and Dell Breakfast - 2009.11.05
IBM Portal Web intro
SD Forum Java SIG - Service Oriented UI Architecture
Putting *Sparkle* in Your Social Applications! Customization and Branding wit...
Life above the_service_tier_v1.1
What's new in Portal and WCM 8.5
Mallesh Aruri
Integrating IBM Web Sphere Portal With Web Analytic Hosted And Non Hosted Sit...
Microsoft Insurance Solutions Keynote Presentation at the Financial Services ...
IBM WebSphere Portal - Die nächste Generation
Ad

Similar to The dashboarding problem (20)

PPTX
ke-6.pptxjhgjhg jgjgjgug bububuiyybibiu
PPTX
Dashboard Process
KEY
WhyMCA HappyHour - EUHackathon Part II
PPT
Piwik Presentation
PPT
Piwik Presentation
PPT
Dashboards
PDF
The new flow of information
PDF
From Data to Visualization, what happens in between?
PPTX
Zoho Reports @ VGSoM
PDF
(Some of) Wikipedia's Open Data
PDF
From Mining Raw Data to Story Visualization
PDF
Best Web-based Data Visualization tools
PPTX
Cosmos data visualisation q2 2012
PDF
People Are Dying to Get the Data
PDF
Big data, small dashboard
PDF
Big Data, Small Dashboard - Andrea Maietta - Codemotion Milan 2016
PPTX
How To Analyse Data
PDF
Data All the Way Down
PPTX
Data Visualization Tips and Concepts
PDF
Creating Jira Dashboards for Specific Purposes.pdf
ke-6.pptxjhgjhg jgjgjgug bububuiyybibiu
Dashboard Process
WhyMCA HappyHour - EUHackathon Part II
Piwik Presentation
Piwik Presentation
Dashboards
The new flow of information
From Data to Visualization, what happens in between?
Zoho Reports @ VGSoM
(Some of) Wikipedia's Open Data
From Mining Raw Data to Story Visualization
Best Web-based Data Visualization tools
Cosmos data visualisation q2 2012
People Are Dying to Get the Data
Big data, small dashboard
Big Data, Small Dashboard - Andrea Maietta - Codemotion Milan 2016
How To Analyse Data
Data All the Way Down
Data Visualization Tips and Concepts
Creating Jira Dashboards for Specific Purposes.pdf
Ad

Recently uploaded (20)

PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Encapsulation theory and applications.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PPTX
MYSQL Presentation for SQL database connectivity
PDF
Approach and Philosophy of On baking technology
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Review of recent advances in non-invasive hemoglobin estimation
Advanced methodologies resolving dimensionality complications for autism neur...
Understanding_Digital_Forensics_Presentation.pptx
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
Encapsulation theory and applications.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Per capita expenditure prediction using model stacking based on satellite ima...
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Building Integrated photovoltaic BIPV_UPV.pdf
Machine learning based COVID-19 study performance prediction
Network Security Unit 5.pdf for BCA BBA.
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
MYSQL Presentation for SQL database connectivity
Approach and Philosophy of On baking technology
CIFDAQ's Market Insight: SEC Turns Pro Crypto
NewMind AI Weekly Chronicles - August'25 Week I
Spectral efficient network and resource selection model in 5G networks
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
The AUB Centre for AI in Media Proposal.docx
Review of recent advances in non-invasive hemoglobin estimation

The dashboarding problem