Visualization Page
Visualization Page
- Ant Design
- 全局样式
- 전체 스타일
- Global Styles
- 设计模式
- Design Patterns
- 设计模式 - 探索
- Design Patterns (Research)
- Overview
- Template Document
- Global Rules
- 可视化
- Visualization
- 动效
- Motion
- 图形化
- Illustrations
Data visualization templates depict information and assist users to understand the data, by displaying a serious of multiple charts. In the way of viewing and operating the charts, users can analyze the data and finally make the data-driven strategies.
To help users quickly and clearly understand the meanings of data, analyze trends, and make decisions.
Define the layout logically, prioritize the content in order. In most cases, in order to emphasize the common-used analysis thoughts, you should organize the information from top to bottom and from left to right, or use progressive interactions. To sum up, put the summary first, then focus on filters, and finally provide details whenever the user needs.
Put the most important charts and the key scorecards on the top or upper part the page.
Keep data accuracy, clarity and completeness.
1. Use the correct types of chart.
2. Explain data definition when necessary.
When the data is highly summarized, a chart with the detail number(s) is more straight-forward than a chart alone.
Try to highlight the primary data on first one screen, and limit the sum of modules into 5-9, avoiding information overload.
Make good use of filtering capability, let users observe the overview, and check the detailed data at the same time. Therefore, users can explore quickly whenever they have questions.
In order to help users to make decisions, tile the most critical data from the overall perspective on the whole page. When all of the indicators share similar importance, choose the layout on the left; to emphasize one of them, select the one on the right.
When to use
For decision-makers to monitor overviews of data, and attach charts for further insights.
Related capabilities
Key indicator, scorecard, filter, chart.
When to use
This type of dashboard provides an overview of the data for decision making. Usually there is a central topic, around which presents multi-dimension indicators, helping the users find out abnormal immediately.
Related capabilities
Key indicator, scorecard, chart, map.
Analytics dashboards separate the data-analysis interface into several parts. Usually their layouts are "summary and description" structure, showing overviews of the whole information with different aspects. These dashboards can assist the users to discover the current problems.
When to use
To analyze multiple dimension of data, surround the same topic.
Related capabilities
Key indicator, scorecard, filter, chart.
Detail templates display the overview and detailed information of a report or a unique indicator. Users can set texts, lists and charts according to their business needs.
When to use
To show the details of the reports.
Related capabilities
Filter, chart, table.
After designing the draft layout, select related visualization charts based on how summarized or detailed the data is. Usually scorecards and ranking lists are used for information summaries, tables and texts express details, and charts are between the two categories.
