Sunday, 31 May 2015


Graph Design







Components
Practices
Points
When sets of points cannot be clearly distinguished , correctly by:
  • Enlarging the points
  • Selecting objects that are more visually distinct .
When point overlap such that some are obscured , correct by:
  • Enlarging the graph and/or reducing the size of the points.
  • Removing the fill colors.
Bars
Use horizontal bars when their categorical labels bars won't fit side by side.
Never use horizontal bar for the time series value .
Proximity
  • Set the width of white space separating bars that are labeled along the axis equal to the width of the bars, plus or minus 50%.
  • Do not include white space between bars that are differentiated by a legend.
  • Do not overlap bars .
  • Fill
    • Avoid the use of fill pattern .
    • Use fill colors that are clearly distinct .
    • Use fill colors that are fairly balanced in intensity for the data sets that are equal in importance.
    • Use fill colors that are more intense than the others to highlight particular things .
    • Only place borders around bars when one of the two following conditions  exists :
      • The fill color of the bars is not distinct against its background , in which case you can use a subtle border(e.g. grey).
      • You wish to highlight one or more bars compared to the rest.
    • Always start bars at a baseline of zero.
Lines
    • Distinguish lines using different hues whenever possible.
    • Include points on lines only when values for the same point in time on different lines must be precisely  compared .
Boxes
Follow the principles for the bar design , except when box plots are connected with a line to show change through time , which might require greater distance between the boxes.
Combination
    • Use boxes and lines for the distribution through time .
    • Use bars and lines in the form of the Pareto charts for the featuring the contribution of the largest portions of the whole .
    • Use bar and points for the uncluttered comparisons. 

Trends line
    • In most cases , use moving averages rather than straight lines of best fit to show the overall nature of change through time .
    • Only use linear line in a scatter plot when the shape of the data is linear rather than curved .
Reference lines
Use references  line to mark meaningful threshold and regions, especially for the measures of the norm. 
Annotations
Use text to feature and comment on the values directly when doing so is important to the story .
Log scales
    • Use log scales to reduce the visual difference between quantitative  data sets with significantly different values so they can be clearly displayed together.
    • Use log scales to compare differences in a value as percentages . 
Tick marks
    • Mute tick marks in comparison to the data objects .
    • Use tick marks with quantitative scales but not with categorical scales , except in line graphs  when slightly more precision is needed.
    • Aim for a balance between including so many tick marks that the scale looks cluttered and using so few that your readers have difficulty determining the values of data objects that fall between them .

    • Avoid using tick marks to denote values at odd interval. 
Grid Lines
Thin , light grid lines may be used in graphs for the following purposes :
  • Ease look-up of values.
  • Ease comparison of values
  • Ease perception and comparison of localized patterns.
legends
    • Use legends for the categorical labels when the labels are not associated with a categorical scale along the an axis  and cannot be directly associated with the data objects .
    • Place legends as close as possible to objects they label without interfering with other data .
    • Render legends less prominent than the data objects they label.
    • Use borders around legends only when necessary to separate legends from other information.
Axes
Don’t manipulate the aspect ratio to distort perception of the values
Data Regions
Keep the background clean and light.

No comments:

Post a Comment