Skip to main content

Visualization Best Practices Guide Overview

Guide Overview

The Visualization Best Practices Guide is a practical reference provided by Guandata based on the visualization capabilities of its data analysis platform.

The guide covers page layout, common charts, color schemes, and overall case studies, aiming to help users understand the best achievable effects within the platform and provide reference and guidance when building analytical dashboards.

Guide Introduction

Dashboard Building Process

  1. Select the appropriate visualization type based on the analysis data and objectives;

  2. Arrange the canvas layout based on the viewing sequence and narrative logic, while ensuring aesthetic alignment;

  3. After completing the layout adjustments, refine the details;

  4. Beautify the details and highlight key information in a graphical manner.

Visualization Design Principles

  • Accurate: When transforming data into visual expressions, do not distort, mislead, or omit information. Accurately reflect the information contained in the data.
  • Effective: Information delivery should be focused, restrained, and non-redundant. Avoid information overload. Express the most useful information with the optimal data-ink ratio.
  • Clear: The presentation should be clear, readable, and well-organized, helping users quickly achieve their goals and obtain more information in the shortest time.
  • Beautiful: A perfect expression of data. Make reasonable use of visual elements for artistic creation without over-decoration, providing users with an elegant experience.
  • Scalable: Make visualizations adaptable to different devices and sizes, while anticipating users' needs for data depth and complexity.

1.png

General Visual Design Principles (CRAP)

  • Contrast: Differentiate information through strong contrast.

2.jpg

  • Repetition: Repeatedly use a certain element.

3.jpg

  • Alignment: Align elements horizontally and vertically for easy visual recognition.

4.jpg

  • Proximity: Place related information physically close together, while separating less related information through whitespace and other means.

5.jpg

Guide Contents