SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Similaire à 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
 

Similaire à 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
 

Dernier

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Dernier (20)

Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
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
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
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...
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

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