For data analysts, visualization may be the best way to show the value of their work, because leaders like to see this intuitive, cool and technological visualization screen, and we can directly show the results of data analysis to leaders, which is infinitely better than a paper report!

So what kind of visualization does the leader want to see? Something like this:

such

And something like this

Recently I was in for the company to design a data visualization screen similar to the picture above shows, the main purpose of this screen is to put some data and results of the analysis of the current product by means of visual display, like ali, jingdong, sail within soft are domestic products, so I have done some research and take this opportunity to share some experience here, It is convenient for everyone to design similar products.

How do I make a nice visualization?

Data visualization is very lofty, but in fact it covers a wide range. Making a PPT with data charts can also be regarded as data visualization, and making a large data screen is also visualization, which has become a common skill in many industries.

For the junior data analyst, the ability to make basic charts and reports in Excel and PPT, and to clearly present the data, will achieve the goal; For senior data analysts, it is necessary to explore better data visualization methods and use more effective data visualization tools, such as python and BI, to make simple or complex data visualization content according to actual needs.

While the visual large screen looks cool, in fact, the logic itself is not complicated, mainly in accordance with certain rules to calculate and display the data;

In this process, the biggest problem is how to visually present the data.

One might ask, aren’t bar charts, pie charts, ring charts, maps, etc., very common? We often see it when we use products. For example, the annual bill of Alipay will tell us how we lost in the past year with pictures and pictures.

In fact, it is one thing to look common, but it is another thing to realize the visualization technology, and this kind of data visualization, unlike ordinary page design, the biggest uncertainty in the design is to consider how the technology wants to achieve, rather than how you want to design. After all, product construction is a project, not an art, and product managers can not be like artists to use their imagination to design, how to show how cool.

That is to say, we design graphic charts to develop to be able to achieve. In practice, some visualizations are easy to code and look good, but designers will find it difficult to simulate them using tools like Ps/Ai/Ae.

Similarly, some effects are easy for designers to implement with design tools, but difficult to implement in code. So it’s important to communicate with developers when it comes to big screen design, to figure out where designers can play and where they need to be careful.

Because the large screen generally does not have the difficulty of data analysis, it is mainly beautiful and visual, and provides performance support for large amount of data. But even these two requirements, the developers will be tired and exhausted, and with reports or BI development, operation as long as the formation data platform is set up, front-end data collection, data integration, visual production are all at one go.

For data visualization display program, I understand, can solution on the market at present is very much, at home and abroad, for free, but free and powerful, stable and to keep the last iteration of the product is not much, here are three domestic tools, ensure can meet the needs of more than 90% of the data visualization screen display.

ECharts

This is a data visualization solution derived from Baidu, including line charts, pie charts, bar charts, thermal maps and other 36 classes of hundreds of visual styles, in simple terms, it is a commercial level data chart, a pure JavaScript icon library, some examples are as follows:

Advantages are free and native full Chinese, open source support, compared with other open source libraries, the document is more detailed, to make the effect is also more cool; However, if it is the development of commercial projects, or the project time is relatively tight, and the results need to be produced quickly, it is recommended to use foreign Highchart for demo.

Ali cloud DataV

One of DataV’s most famous application projects should be the data screen of Tmall Double 11. Every year, the data screen design of Double 11 in 2018 is also known as the Global Qingming Festival Riverside Picture in the era of data economy.

Similarly, DataV provides an editing platform, and the interface itself is futuristic, with templates and blank pages. The basic operation mode is similar to Suger. The designer first establishes the screen, then develops the data source access. Editing interface operation difficulty is not high, a little understanding, you can quickly start.

FineReport

The above two tools are relatively professional, learning cost and difficulty are quite large. Are there visualizations for complete novices that can be cool and useful in just a few minutes? Of course there are, like FineReport.

It can be used to do real-time visualization of screen, direct database itself, the main advantage is to use very simple, and the built-in chart elements are more abundant, simply drag and drop on the B/S end target data, the related dimensions, you can get from the different dimensions of analysis, the result of the system development customization degree reduced a lot, we are more simple to maintain.

As a data analyst, we in the use of these charts, main purpose is for preparing the technical feasibility of the research and the design of product display style reference, using the first based on the business objectives, imagine your chart to design into what style, and then cooperate with these tools, have a look at the official chart example, See if the style of these examples fits your design. If not, see which diagrams from these examples can replace your design. Research and design the design, and then leave it all to the technology.