infovisualization and coldfusion

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 18 th , 2010

Upload: matthew-reinbold

Post on 20-May-2015

240 views

Category:

Technology


0 download

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.

TRANSCRIPT

Page 1: Infovisualization and ColdFusion

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

Page 2: Infovisualization and ColdFusion

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)

Page 3: Infovisualization and ColdFusion

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

Page 4: Infovisualization and ColdFusion

The Problem III

Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010

Page 5: Infovisualization and ColdFusion

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

Page 6: Infovisualization and ColdFusion

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

Page 7: Infovisualization and ColdFusion

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

Page 8: Infovisualization and ColdFusion

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

Page 9: Infovisualization and ColdFusion

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

Page 10: Infovisualization and ColdFusion

Solutions: Bullet Graphs II

Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010

Page 11: Infovisualization and ColdFusion

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

Page 12: Infovisualization and ColdFusion

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

Page 13: Infovisualization and ColdFusion

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”

Page 14: Infovisualization and ColdFusion

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/

Page 15: Infovisualization and ColdFusion

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

Page 16: Infovisualization and ColdFusion

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

Page 17: Infovisualization and ColdFusion

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

Page 18: Infovisualization and ColdFusion

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)

Page 19: Infovisualization and ColdFusion

For More: Books

Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010

Page 20: Infovisualization and ColdFusion

Questions &Possible Answers

Presented by Matthew Reinbold – Vox Pop Design – http://voxpopdesign.comNorthern Utah ColdFusion User’s Group (NUCFUG), August 18th, 2010