Design Principles for Data Visualization

  • Charts must be meticulously organized, featuring clear labeling, efficient search functionalities (where applicable), intuitive navigation systems, effective filtering mechanisms, and legible text sizes to ensure optimal accessibility and user comprehension.

  • Differentiation in line graphs/charts

  • The more detailed the graph is, the mode elements/nodes it has

  • Objects that look alike will be identified as a part of a group (ex. Boxing bars help readers identify groups)

  • Volume, curvature, shading, and color allow more generic judgments

  • Metrics numerical filters

  • Groups are text-based, such as type of employee, list of items, etc.

  • Time-based filters, such as months, quarters

  • Gradients are ok for sequential rates

  • Rarely use 3D

  • Color has meaning, and High-contrast colors are used

  • Sequential when you are ordering values from low to high.

  • Divergent when the values are ordered, and there is a critical mid-point (e.g., an average or zero).

  • Categorical when data falls into distinct groups (e.g., countries) and therefore requires contrast between adjacent colors.

  • Accessibility For accessibility, if there are non-text-based interactive, graphic, or image-based charts, there must be a text-only chart underneath or hidden (but readable for screen readers) and an alternative text description displaying detailed data relating to the chart.

Data Visualization Guidelines: When to use...

Design Principles for Data Visualization