A few days ago, I met the visualization engineers of Ali for business, and found that they are very fond of using some cool and black technology graphics effects, such as the following ones:
I have to say that these charts are indeed very high-end and elegant, which is also very in line with the temperament of an enterprise like Ali. Many people will ask how to do this when they see such a chart, or what kind of tools to achieve it.
In fact, I have done a lot of visualization reports, and generally speaking, there are several ways to achieve good results:
- Use Excel’s built-in charts to do some general statistics. Advanced complex such as dynamic chart, chart filtering display can be achieved by writing VBA.
- Through R, Python and other data analysis languages, call the chart function package to present visual data, data analysis is commonly used.
- With the help of Echarts, HighCharts, D3.js and other open source visualization plug-ins, embedded codes, developed into plug-in packages, visualization engineers and front-end development commonly used.
Since I’m going to talk about visual reports today, I’m going to talk a little bit more about how cool visual reports are made, okay? What are the basic and advanced visualizations available?
Represents the tool FineReport, whose usage scenarios and functions have been described previously but are not detailed here. Here’s a list of 10 graphic effects, all packed up and left for comments.
1. Kaleidoscope chart
FineReport’s rich chart features allow for a wide variety of visualizations, but for some complex high-level graphics that require design tools or programming languages, you can also use the combination of charts to achieve similar effects, such as kaleidoscope effects.
The implementation method is actually very simple. First, we open the FineReport designer, and then use the pie chart in the outer circle to insert the cell element. The inner ring is realized using radar diagram and inserted in the way of suspended elements
Specific tools and templates can be left to the end of the article
2. Dynamic rotation diagram
When the data source contains classification, series and time dimensions, the chart data is expected to be rotated in order of time, as shown below:
Set the time parameter filter data in the SQL query statement. The value of the time parameter changes with time, and then refresh the chart periodically.
3. Dynamic line chart
When a line chart is previewed, it is sometimes not necessary to show the entire content, but to show it successively as the time dimension increases. As shown below:
Set the time parameter filter data in the SQL query statement. The value of the time parameter changes with time, and then refresh the chart periodically.
4. Three-dimensional maps
The earth diagrams provided by the extension chart plug-in are divided into three types: THREE-DIMENSIONAL point map, three-dimensional column map and three-dimensional flow map. The effects are shown as follows:
1) Three-dimensional point earth
2) Three-dimensional cylindrical Earth:
3) Three-dimensional flow to earth:
5. Water balloon map
A water balloon is a type of chart that fills a dashboard and is suitable for showing a single percentage of data. Generally used to display profit, payment collection and other financial indicators, the effect is shown in the figure below:
6. Round seeding point diagram
This chart is applicable to large-screen scenarios and can be used to display multiple percentage data in rotation or monitor percentage changes in real time, for example, monitor CPU and memory usage in real time. The effect is shown below:
7. Time gear
Time gear is a dynamic gear pattern. The current real-time time of the system is displayed in the center of the chart panel. It is generally used for large-screen scene display, and the effect is shown as follows:
8. Round-seeding index chart
Indicator cards are a great way to communicate when you only have one or two important pieces of data to show. The rotation KPI indicator card provided by the extension chart plug-in is divided into electronic and flashing, and the effects are shown as follows:
9. Arc column chart
Arc-shaped bar graph is a formal transformation of the bar graph, which is essentially the product of the bar graph transformed from Cartesian coordinate system to polar coordinate system.
The chart effect is as follows:
10. Rotate the target gear
The rotation directory gear has both gear and directory effects. Important indicator data is displayed in the rotation mode, which is generally used for large-screen display. The effect is shown in the following figure:
Packed templates look below to take!