SlideShare a Scribd company logo
List-Driven Data
Visualizations
A story of woe and triumph (mostly)
Me
 Personal

 Husband, Father of two
 Rock Climber
 Part of @g8wayaustin

 Professional





13 Years in IT
Desktop->Network->Mobile->SharePoint/BI
MCTS
Six Sigma Yellow Belt

 Contact

 James.Hammonds@us.sogeti.com
 @jameswh3
 http://www.slideshare.net/JamesHammonds
Background and Requirements
 Current State: Metrics Managed by Spreadsheet
 Categorized by Initiative
 Sub-categorized by Focus Area
 Measures over time

 Desired State: Move to SharePoint
 Make it “pretty”
 Make it “simple”
 No back-end integration
 SharePoint 2010—no SharePoint Enterprise
 Can we get that in two weeks?
The Plan
 Use Lists and Content Types to Drive Content
 Lookups to relate content (ERD to come)

 Use Conditional Formatting for Performance Indicators
 Use jqPlot for charting
 Find someone who’s good with graphics
 Lay off the sleep
The Content Types & Lists
Initiatives
PK

Name

Measures
PK

Focus Areas

ID

PK

ID

Graphic

Name

ID

Tag Line

Initiative

Name

Detail

Graphic

Target

Tag Line

Detail

Detail

Measure Category

Measure Categories

Show Value As
PK

ID

Value
Measure Name
Date

Focus Area
Status Indicator
Override

Chart Type

Status Indicator

Graphic

Result (calc)
Home Page Grid
Initiative Page
Modal Dialogs for Measure Details
Initiative Form
Focus Area Form
Measure Category Form
New Measure Form
Creating the Main Grid
1. Create Aggregate Data Source

2. Configure Join Type
Creating the Main Grid
3. Add Data View to Page

4. Add Multiple Item View
Creating the Main Grid
5. Add Column

6. Add Joined Subview
Creating the Main Grid
7. Map Fields for Relationship

8. Repeat for All Levels Needed*
Bending the Grid to Your Will
 XML
 XSL
 HML
 CSS
Modal Dialog and Conditional Formatting
for KPI
JavaScript (jqPlot) to Build the Chart*
Some Lessons…
 Think long an hard about field and content type names—
changing them is PAINFUL once you’ve built grids
 Insist on keeping content above the fold
 Limit length of content input by users
 Make transition between focus areas more intuitive—
mouse-over is not obvious

More Related Content

PPTX
Smx advanced-william-slawski-final
PPTX
Seo; Cutting Through The Noise
PPTX
Slawski New Approaches for Structured Data:Evolution of Question Answering
PDF
Cheat Sheet Collection
PPT
SEO & Patents Vrtualcon v. 3.0
PPTX
Keyword Research and Topic Modeling in a Semantic Web
PPTX
PhD Projects in Big Data Analytics Research Guidance
PPTX
Hummingbird & the entity revolution
Smx advanced-william-slawski-final
Seo; Cutting Through The Noise
Slawski New Approaches for Structured Data:Evolution of Question Answering
Cheat Sheet Collection
SEO & Patents Vrtualcon v. 3.0
Keyword Research and Topic Modeling in a Semantic Web
PhD Projects in Big Data Analytics Research Guidance
Hummingbird & the entity revolution

What's hot (16)

PPTX
Bill Slawski SEO and the New Search Results
PPTX
Slawskiwilliam thegrowthofdirectanswers
PDF
Evolution of Search
PPT
seo basic
PPTX
Semantic Web, Knowledge Graph, and Other Changes to SERPS – A Google Semantic...
PPTX
Google search architecture services in Hyderabad
PDF
Big Data in Education
PDF
Ranking in Google Since The Advent of The Knowledge Graph
PPTX
Semantic seo and the evolution of queries
PPT
Google search tools in the newsroom
PPSX
Unstructured Data in BI
PDF
6 great competitive intelligence data sources
PPTX
Web scraper using PHP
PDF
Semantic Search Engine: Semantic Search and Query Parsing with Phrases and En...
PPTX
Twitter Text Mining with Web scraping, R, Shiny and Hadoop - Richard Sheng
PPT
Google ppt by amit
Bill Slawski SEO and the New Search Results
Slawskiwilliam thegrowthofdirectanswers
Evolution of Search
seo basic
Semantic Web, Knowledge Graph, and Other Changes to SERPS – A Google Semantic...
Google search architecture services in Hyderabad
Big Data in Education
Ranking in Google Since The Advent of The Knowledge Graph
Semantic seo and the evolution of queries
Google search tools in the newsroom
Unstructured Data in BI
6 great competitive intelligence data sources
Web scraper using PHP
Semantic Search Engine: Semantic Search and Query Parsing with Phrases and En...
Twitter Text Mining with Web scraping, R, Shiny and Hadoop - Richard Sheng
Google ppt by amit
Ad

Recently uploaded (20)

PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PPTX
Cloud computing and distributed systems.
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
Encapsulation theory and applications.pdf
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Programs and apps: productivity, graphics, security and other tools
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PPTX
sap open course for s4hana steps from ECC to s4
PDF
cuic standard and advanced reporting.pdf
PDF
KodekX | Application Modernization Development
PDF
Electronic commerce courselecture one. Pdf
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Cloud computing and distributed systems.
Chapter 3 Spatial Domain Image Processing.pdf
Encapsulation_ Review paper, used for researhc scholars
Diabetes mellitus diagnosis method based random forest with bat algorithm
Network Security Unit 5.pdf for BCA BBA.
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Encapsulation theory and applications.pdf
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Understanding_Digital_Forensics_Presentation.pptx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
The Rise and Fall of 3GPP – Time for a Sabbatical?
Programs and apps: productivity, graphics, security and other tools
Reach Out and Touch Someone: Haptics and Empathic Computing
sap open course for s4hana steps from ECC to s4
cuic standard and advanced reporting.pdf
KodekX | Application Modernization Development
Electronic commerce courselecture one. Pdf
Building Integrated photovoltaic BIPV_UPV.pdf
Ad

List driven data visualizations

  • 1. List-Driven Data Visualizations A story of woe and triumph (mostly)
  • 2. Me  Personal  Husband, Father of two  Rock Climber  Part of @g8wayaustin  Professional     13 Years in IT Desktop->Network->Mobile->SharePoint/BI MCTS Six Sigma Yellow Belt  Contact  James.Hammonds@us.sogeti.com  @jameswh3  http://www.slideshare.net/JamesHammonds
  • 3. Background and Requirements  Current State: Metrics Managed by Spreadsheet  Categorized by Initiative  Sub-categorized by Focus Area  Measures over time  Desired State: Move to SharePoint  Make it “pretty”  Make it “simple”  No back-end integration  SharePoint 2010—no SharePoint Enterprise  Can we get that in two weeks?
  • 4. The Plan  Use Lists and Content Types to Drive Content  Lookups to relate content (ERD to come)  Use Conditional Formatting for Performance Indicators  Use jqPlot for charting  Find someone who’s good with graphics  Lay off the sleep
  • 5. The Content Types & Lists Initiatives PK Name Measures PK Focus Areas ID PK ID Graphic Name ID Tag Line Initiative Name Detail Graphic Target Tag Line Detail Detail Measure Category Measure Categories Show Value As PK ID Value Measure Name Date Focus Area Status Indicator Override Chart Type Status Indicator Graphic Result (calc)
  • 8. Modal Dialogs for Measure Details
  • 13. Creating the Main Grid 1. Create Aggregate Data Source 2. Configure Join Type
  • 14. Creating the Main Grid 3. Add Data View to Page 4. Add Multiple Item View
  • 15. Creating the Main Grid 5. Add Column 6. Add Joined Subview
  • 16. Creating the Main Grid 7. Map Fields for Relationship 8. Repeat for All Levels Needed*
  • 17. Bending the Grid to Your Will  XML  XSL  HML  CSS
  • 18. Modal Dialog and Conditional Formatting for KPI
  • 19. JavaScript (jqPlot) to Build the Chart*
  • 20. Some Lessons…  Think long an hard about field and content type names— changing them is PAINFUL once you’ve built grids  Insist on keeping content above the fold  Limit length of content input by users  Make transition between focus areas more intuitive— mouse-over is not obvious