Shulou(Shulou.com)06/01 Report--

This article mainly analyzes how to make cool and beautiful dashboard related knowledge points, the content is detailed and easy to understand, the operation details are reasonable, and has a certain reference value. If you are interested, you might as well follow the editor to have a look, and follow the editor to learn more about how to make a cool and beautiful dashboard.

In the current trend of big data, the large-screen visualization of data has become a highly respected interactive display mode. If we can understand and master the technology in this area earlier, I believe it will be very helpful to our future!

We know that large screen display through report tools can be achieved through a single report, multiple report Dashboard layout or multiple report page layout, so how to design an excellent dashboard?

The following is a list of the characteristics that a good Dashboard should have in the 2012 Dashboard Chart Design Competition held by the famous foreign visualization expert Stephen Few:

The editor has translated these features for reference. If there is any inaccuracy, please correct it.

According to the above scoring criteria, did you pass the large-screen data visualization chart?

For dashboard, if you want to show a perfect effect, it needs to be coordinated by technicians, UI designers, and business people. And as a program developer, how to make a dashboard effect that can be on the table without artists?

The above standard is relatively general. Here are the specific factors I consider when I actually do dashboard using the reporting tool:

1. Identify the number of users

Understanding the users is helpful to grasp the kpi to be displayed and the logical decomposition of the data.

two。 Overall Arrangement

People's reading habits are from top to bottom, and the middle position attracts the most attention, so the important content should be placed at the top or in the middle. As shown in the figure below, we can directly display important indicator information at the top of this page. This layout is the favorite structure of many report systems targeting operators, and the overall digital indicators are clear at a glance. It allows readers to grasp the global data in a few seconds, which is a way to read the report with a high input-output ratio.

3. Background

In different scenes, the display effect is better when the background color is dark (blue, blue-green, black). At the same time, in order to display the content more clearly, the color contrast of the word should be large, so the text is mostly light color.

In addition, in addition to using background colors, you can also use background pictures, plus such dark-tone pictures, which are not only cool, but also full of science and technology.

4. Color matching

Here are some of the more common color matching methods found on the Internet:

The specific RGB value can be obtained through color extraction software, there are many such resources on the Internet, QQ software will also display the value of RGB when taking a screenshot, , so that QQ software can also be used for our color selection.

5. Graphic

By using graphical techniques such as Echarts.js and G3jinghicharts, the original static bar chart, line graph and other charts can display the data more vividly in front of users.

6. Dynamic effect

The characteristic of perfect Dashboard is user interactivity. What are the effects of user interactivity?

Scroll the screen

Linkage

Time to refresh the display regularly

Drilling

7. Detail beautification

(1) appropriate use of icons

Adding icons to the title, detail list and chart can not only visually reflect the theme of a certain block, but also play a good role in decoration.

The following is an icon resource website for reference:

Http://iconfont.cn/repositories/10

(2) Border line

The block is obviously separated and the data is displayed more clearly.

(3) title

Headings can make the theme clear, and even if there are more clearly separated blocks and more dynamic charts on a page, it will not be a successful dbd without a title, because the lack of a title will reduce readability. The following is an effect picture without title.

Just imagine, if each block has a title, when we see this page, we will not be blankly looking for data that we should pay attention to.

This is the end of the introduction on "how to make a cool and beautiful dashboard". More related content can be searched for previous articles, hoping to help you answer questions and questions, please support the website!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.