SlideShare una empresa de Scribd logo
1 de 20
The Good, the Bad, and the
Beautiful
ColdFusion, Infovis, and You
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
The Problem
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Dawn – 2003: 5EB
• Since: 5EB every two days
• (1EB = 1,152,921,504,606,846,976
bytes)
The Problem II
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• ColdFusion Makes Data Manipulation Easy
• But Many ColdFusion Developers Aren’t
Information Designers
The Problem III
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
Why Me?
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Interned at IBM in 1999
• Graduated from SDSM&T, BS in Computer Engineering, 2000
• Coded Bug Tracking Systems at Digitech, 2001
• Helped Design Game Editors, Microsoft Game Studios, 2003
• Graduated from U of U with MBA, Emerging Tech Biz, 2003
• Conceived, Developed, and Maintained MasterControl
Analytics Module, 2004-2006
• Various Client Dashboards, including State of Oregon, FedEx,
2006-current at Vox Pop Design
Solutions: CFGrid
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Contrast Aids Comprehension
– Zebra Striping
– Row Highlighting
• Other Contrast Properties
– Size
– Shape
– Texture
– Position
– Orientation
Solutions: CFChart
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Simple Bar Chart
• Multi-Series Chart (and why 3D only makes it look fat)
• Multi-Series with Different Chart Types
• The Problem with Pie Charts
• Using Scaling to Emphasize Differences
• Simple Pareto Example
Solutions: Exotic
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Bullet Graphs
• Sparklines
• TreeMaps
• WordClouds
Solutions: Bullet Graphs
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Created Explicitly Because
of Gauges
• Gauges Display a single
key measure, sometimes in
the context of a range
Solutions: Bullet Graphs II
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
Solutions: Bullet Graphs w CF
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• SparklineCFC Library by Fred Anderson
Solutions: Sparklines
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Useful for in line depictions of complex data
• SparklineCFC Library by Fred Anderson
• Tufte – Beautiful Evidence; http://www.edwardtufte.com/bboard/q-and-a-
fetch-msg?msg_id=0001OR
Solutions: Treemaps
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Great for displaying large sets of hierarchically structured data in the most
space-effeciet way possible
• Size denotes a quantitative variable
• Hierarchies are represented as rectangles within rectangles
• Color can denote a second quantiative variable
• Great for “drilling down”
Solutions: Treemaps II
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Treemap Java Library - http://treemap.sourceforge.net/
Solutions: Wordmaps
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• Quickly displays the relevant terms of a large body of work
Charting Critique: Oracle
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• http://www.perceptualedge.com/blog/?p=154
Possible Solution
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• http://www.perceptualedge.com/blog/?p=154
For More: Websites
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
• PerceptualEdige.com (Stephen Few)
• FlowingData.com (Nathan Yau)
• Neoformix.com (Jeff Clark)
• Infosthetics.com (Andrew Vande Moere)
• EdwardTufte.com/bboard (um, Tufte)
• Recovery.Gov
• PoliticalMathBlog.com/?p=491 (Matthias Shapiro)
For More: Books
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010
Questions &
Possible Answers
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com
Northern Utah ColdFusion User’s Group (NUCFUG), August 18th
, 2010

Más contenido relacionado

Similar a Infovisualization and ColdFusion

Swedish GLAM:s and Wikipedia
Swedish GLAM:s and WikipediaSwedish GLAM:s and Wikipedia
Swedish GLAM:s and Wikipedia
Kajsa Hartig
 
Using Web Archives for Studying Cultural Heritage Collaborative Platforms
Using Web Archives for Studying Cultural Heritage Collaborative PlatformsUsing Web Archives for Studying Cultural Heritage Collaborative Platforms
Using Web Archives for Studying Cultural Heritage Collaborative Platforms
Marta Severo
 
LIS 653 Posters Fall 2014
LIS 653 Posters Fall 2014 LIS 653 Posters Fall 2014
LIS 653 Posters Fall 2014
PrattSILS
 
Omeka: Open Source for Open Museums? (MCN 2010)
Omeka: Open Source for Open Museums? (MCN 2010)Omeka: Open Source for Open Museums? (MCN 2010)
Omeka: Open Source for Open Museums? (MCN 2010)
Sharon Leon
 

Similar a Infovisualization and ColdFusion (20)

CAA2014 Community Archaeology and Technology: Developing 'Crowd and Communit...
CAA2014 Community Archaeology and Technology:  Developing 'Crowd and Communit...CAA2014 Community Archaeology and Technology:  Developing 'Crowd and Communit...
CAA2014 Community Archaeology and Technology: Developing 'Crowd and Communit...
 
How Technology is Changing The Business of Culture: Configurable Culture and ...
How Technology is ChangingThe Business of Culture:Configurable Culture and ...How Technology is ChangingThe Business of Culture:Configurable Culture and ...
How Technology is Changing The Business of Culture: Configurable Culture and ...
 
Herd Ahead: The promising future for Pachyderm and the open-source community
Herd Ahead: The promising future for Pachyderm and the open-source communityHerd Ahead: The promising future for Pachyderm and the open-source community
Herd Ahead: The promising future for Pachyderm and the open-source community
 
Managing Software Selection and Acquisition: From Problem to Solution
Managing Software Selection and Acquisition: From Problem to SolutionManaging Software Selection and Acquisition: From Problem to Solution
Managing Software Selection and Acquisition: From Problem to Solution
 
Sound Matters: a framework for the creative use and re-use of sound: field re...
Sound Matters: a framework for the creative use and re-use of sound: field re...Sound Matters: a framework for the creative use and re-use of sound: field re...
Sound Matters: a framework for the creative use and re-use of sound: field re...
 
Music Hackday Boston - The Last.fm API
Music Hackday Boston - The Last.fm APIMusic Hackday Boston - The Last.fm API
Music Hackday Boston - The Last.fm API
 
Using a Wiki for Collaboration and Coordination
Using a Wiki for Collaboration and CoordinationUsing a Wiki for Collaboration and Coordination
Using a Wiki for Collaboration and Coordination
 
Swedish GLAM:s and Wikipedia
Swedish GLAM:s and WikipediaSwedish GLAM:s and Wikipedia
Swedish GLAM:s and Wikipedia
 
Mahendra Mahay's slides from the Bloomsbury DH Meeting 30/09/2013
Mahendra Mahay's slides from the Bloomsbury DH Meeting 30/09/2013Mahendra Mahay's slides from the Bloomsbury DH Meeting 30/09/2013
Mahendra Mahay's slides from the Bloomsbury DH Meeting 30/09/2013
 
BL Labs at Bloomsbury Digital Humanities Group
BL Labs at Bloomsbury Digital Humanities Group BL Labs at Bloomsbury Digital Humanities Group
BL Labs at Bloomsbury Digital Humanities Group
 
Public-Art-201-compressed.pdf
Public-Art-201-compressed.pdfPublic-Art-201-compressed.pdf
Public-Art-201-compressed.pdf
 
Hackerspace movement
Hackerspace movementHackerspace movement
Hackerspace movement
 
Using Web Archives for Studying Cultural Heritage Collaborative Platforms
Using Web Archives for Studying Cultural Heritage Collaborative PlatformsUsing Web Archives for Studying Cultural Heritage Collaborative Platforms
Using Web Archives for Studying Cultural Heritage Collaborative Platforms
 
World Information Architecture-Day-NYC-2013-Notes-on-Keynotes
World Information Architecture-Day-NYC-2013-Notes-on-KeynotesWorld Information Architecture-Day-NYC-2013-Notes-on-Keynotes
World Information Architecture-Day-NYC-2013-Notes-on-Keynotes
 
LIS 653 Posters Fall 2014
LIS 653 Posters Fall 2014 LIS 653 Posters Fall 2014
LIS 653 Posters Fall 2014
 
Omeka: Open Source for Open Museums? (MCN 2010)
Omeka: Open Source for Open Museums? (MCN 2010)Omeka: Open Source for Open Museums? (MCN 2010)
Omeka: Open Source for Open Museums? (MCN 2010)
 
Nordics at SXSW 2017
Nordics at SXSW 2017Nordics at SXSW 2017
Nordics at SXSW 2017
 
Digital Democratization of Art led by the Smithsonian’s Freer|Sackler
Digital Democratization of Art led by the Smithsonian’s Freer|SacklerDigital Democratization of Art led by the Smithsonian’s Freer|Sackler
Digital Democratization of Art led by the Smithsonian’s Freer|Sackler
 
SoundSoftware.ac.uk: Sustainable software for audio and music research (DMRN 5+)
SoundSoftware.ac.uk: Sustainable software for audio and music research (DMRN 5+)SoundSoftware.ac.uk: Sustainable software for audio and music research (DMRN 5+)
SoundSoftware.ac.uk: Sustainable software for audio and music research (DMRN 5+)
 
OpenStack 2013 Event Planning
OpenStack 2013 Event PlanningOpenStack 2013 Event Planning
OpenStack 2013 Event Planning
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Último (20)

Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 

Infovisualization and ColdFusion

  • 1. The Good, the Bad, and the Beautiful ColdFusion, Infovis, and You Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010
  • 2. The Problem Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Dawn – 2003: 5EB • Since: 5EB every two days • (1EB = 1,152,921,504,606,846,976 bytes)
  • 3. The Problem II Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • ColdFusion Makes Data Manipulation Easy • But Many ColdFusion Developers Aren’t Information Designers
  • 4. The Problem III Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010
  • 5. Why Me? Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Interned at IBM in 1999 • Graduated from SDSM&T, BS in Computer Engineering, 2000 • Coded Bug Tracking Systems at Digitech, 2001 • Helped Design Game Editors, Microsoft Game Studios, 2003 • Graduated from U of U with MBA, Emerging Tech Biz, 2003 • Conceived, Developed, and Maintained MasterControl Analytics Module, 2004-2006 • Various Client Dashboards, including State of Oregon, FedEx, 2006-current at Vox Pop Design
  • 6. Solutions: CFGrid Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Contrast Aids Comprehension – Zebra Striping – Row Highlighting • Other Contrast Properties – Size – Shape – Texture – Position – Orientation
  • 7. Solutions: CFChart Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Simple Bar Chart • Multi-Series Chart (and why 3D only makes it look fat) • Multi-Series with Different Chart Types • The Problem with Pie Charts • Using Scaling to Emphasize Differences • Simple Pareto Example
  • 8. Solutions: Exotic Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Bullet Graphs • Sparklines • TreeMaps • WordClouds
  • 9. Solutions: Bullet Graphs Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Created Explicitly Because of Gauges • Gauges Display a single key measure, sometimes in the context of a range
  • 10. Solutions: Bullet Graphs II Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010
  • 11. Solutions: Bullet Graphs w CF Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • SparklineCFC Library by Fred Anderson
  • 12. Solutions: Sparklines Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Useful for in line depictions of complex data • SparklineCFC Library by Fred Anderson • Tufte – Beautiful Evidence; http://www.edwardtufte.com/bboard/q-and-a- fetch-msg?msg_id=0001OR
  • 13. Solutions: Treemaps Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Great for displaying large sets of hierarchically structured data in the most space-effeciet way possible • Size denotes a quantitative variable • Hierarchies are represented as rectangles within rectangles • Color can denote a second quantiative variable • Great for “drilling down”
  • 14. Solutions: Treemaps II Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Treemap Java Library - http://treemap.sourceforge.net/
  • 15. Solutions: Wordmaps Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • Quickly displays the relevant terms of a large body of work
  • 16. Charting Critique: Oracle Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • http://www.perceptualedge.com/blog/?p=154
  • 17. Possible Solution Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • http://www.perceptualedge.com/blog/?p=154
  • 18. For More: Websites Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010 • PerceptualEdige.com (Stephen Few) • FlowingData.com (Nathan Yau) • Neoformix.com (Jeff Clark) • Infosthetics.com (Andrew Vande Moere) • EdwardTufte.com/bboard (um, Tufte) • Recovery.Gov • PoliticalMathBlog.com/?p=491 (Matthias Shapiro)
  • 19. For More: Books Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010
  • 20. Questions & Possible Answers Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.com Northern Utah ColdFusion User’s Group (NUCFUG), August 18th , 2010