from 2016 Started to contact the visual direction in , I've always wanted to write an article to review the pits I stepped on in recent years , In the following period of time, I will share some experiences and insights on visualization with you from time to time , Send it out to share with you , Discuss together , Common learning and progress .
preface
This article serves as a starting point , Then a series of pit records will be issued from time to time , Sort out the common problems of big data visualization screen , And in-depth optimization for specific scenarios .
This article first introduces you to what is visualization ? What are the common visualization components ? What are the commonly used visualization technology stacks ?
How is the visual engineering framework ? Common visualization problems （ No answer , If you have any questions, please comment below. I will answer them separately , If there are many problems, I will write a separate article to explain them in detail ）.
one , What is visualization
The word "big data visualization" is not unfamiliar to us , from 17 Century maps and graphics to 19
The invention of pie chart at the beginning of the century , The concept of using charts to understand data has been around for centuries . Visualization is always with us , It is everywhere in our life , Like tmall double eleven , The goddess Festival collects various indicator data , Like the weather in our life , traffic , Operation and maintenance ... Both need visualization . With the advance of the digital age , The arrival of the information age , Our data volume is slowly becoming huge , We use a simple data table , The log has been unable to view important information , Must rely on Visualization !
two , What are the common components of visualization ? What are the common technology stacks ?
1. Line chart
Echarts,Chart,Highcharts,D3
2. Histogram
Echarts,Chart,Highcharts,D3
3. Scatter diagram
Echarts,Chart,Highcharts,D3
4. Pictogram
Echarts,Chart,Highcharts,D3
5. Radar chart
Echarts,Chart,Highcharts,D3
6. Pie chart
Echarts,Chart,Highcharts,D3
7. Hydrosphere
Echarts,D3,Canvas
8. Dashboard
Echarts,Highcharts,D3,Canvas
9. Map
Echarts,Antv@L7
12. Topology
Antv@g6,Vis,D3,d3-graphviz
13. Thermodynamic diagram
Echarts,antV@L7,Heatmap
14. Rectangle
Echarts,Highcharts,Canvas
15. Rising sun chart
Echarts,Highcharts,Chart
16. Sankey
Echarts,Highcharts,Chart
17. 3D Pie chart
Highcharts,Three,Webgl
18. 3D scene
Three,Webgl
18. 3D GIS scene
Mapbox,Cesium
19,20,21...
Many common visual components are not listed here , If you are interested, you can have a look Echarts The official website is relatively complete , You can also have a look D3.js This book records the implementation scheme of many diagrams .
three , Front end visualization Engineering Architecture
four , What are the common visualization problems ?
The following questions will be described in detail in a separate article , You can also comment on the following questions , Discuss learning together
1. How to adapt multi terminal for visual large screen development ?
2. How to accurately display the large visual screen on the splicing screen ?
3. How to solve large screen distortion , Small screen text blur ?
4. How to optimize large screen speed ?
5. How to make large visual screen compatible with low version ?
6. As the large screen size of visualization increases , How to optimize excessive resource consumption ?
7. 3D GIS How to decide the offline scheme ?
8. 3D Scene collision detection , How to implement visual field analysis ?
9. large BIM Model loading too slow , What is the optimization scheme ?
10. 2d,3d Kinetic Caton , How to optimize the continuous increase and change of memory ?
Technology
Daily Recommendation