Upload
matthew-reinbold
View
242
Download
0
Tags:
Embed Size (px)
DESCRIPTION
A talk given in 2010 on how developers of CFML applications can present large amounts of information - both the theory behind thought displays and off-the-shelf library options.
Citation preview
The Good, the Bad, and the Beautiful
ColdFusion, Infovis, and You
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010
The Problem
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern 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.comNorthern 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.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010
Why Me?
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010
Solutions: Bullet Graphs w CF
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern 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.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010
Questions &Possible Answers
Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010