by Raffael Marty
Security

How do you create good visualizations?

November 4, 2008, 04:32 PM — 

I am sure you have seen graphs that were just horrible to look at. Even worse, it was almost impossible to determine what the graph was trying to communicate. One of the first things you should learn - before you even go ahead and generate a graph - are some basic visualization principles :


  • Expressiveness The definition of expressiveness reads as follows: A set of facts is expressible in a visual language if the sentences (i.e., the visualizations) in the language express all the facts in the set of data, and only the facts in the data.
  • Reduce non-data ink This principle has been evangelized quite heavily by Edward Tufte. The data-ink ratio is defined by the amount of ink that is used to display the data in a graph, divided by the total amount of ink that is used to plot the entire graph. This means that, for example bounding boxes, background pictures, grid lines, three-dimensional charts, etc. should be eliminated and simplified.
  • Emphasize exceptions For example, use the color red to highlight important or exceptional areas in your graph. This makes it easy for a viewer to quickly identify the important information in a graph.


A graph showing how three dimensions are hardly ever a good solution. Occlusion prevents the viewer from seeing the cylinders in the back. The bounding box is unnecessary, the three-dimensional cylinders should be two dimensions and a line chart should probably have been used.

These three principle should help generate nicer and easier to read graphs. You can find more of these simple principles in chapter 1 of Applied Security Visualization. A fun Web site that interactively goes through a graph design IQ test has been built by Stephen Few of Perceptual Edge. It teaches you some of these principles as well.

I like it!
Post a comment
The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
Free books

Essential JavaFX
Get started building rich Web apps quickly with an introduction to the power of JavaFX key features -- scene node graphs, nodes as components, the coordinate system, layout options, colors and gradients, custom classes with inheritance, animation, binding, and event handlers.Enter now!

The Nomadic Developer
Consulting can be hugely rewarding, but it's easy to fail if you are unprepared. To succeed, you need a mentor who knows the lay of the land. Aaron Erickson is your mentor, and this is your guidebook. Enter now!

Featured Sponsor

AISO founders envisioned a Web hosting company that was environmentally friendly. While the company employed energy-efficient innovations like solar panels, its infrastructure produced unacceptable power and cooling requirements. Find out how AISO leveraged AMD technology to overcome their challenge in this case study white paper.

In this whitepaper, Scalar explores the opportunity to change the landscape with respect to mission critical databases built around Oracle. Leveraging technologies such as Linux, high-end commodity processing power and Oracle RAC technology to architect, design, build and maintain database infrastructure that delivers maximum availability, reliability and performance at a fraction of traditional cost.

On a typical day, weather.com, the Web site for The Weather Channel in Atlanta, serves up between 15 million and 20 million page views. But in September 2004, when back-to-back hurricanes ransacked Florida, the peak traffic on one day more than tripled: over 70 million page views by more than 7 million unique visitors. Read the full success story now.

Marketplace