At present, there are many visualization frameworks on the market, such as Baidu’s ECharts,HIGHSOFT’s HighCharts and ant’s AntV series, which are widely used. For most projects, these data visualization libraries are sufficient, and reinventing the wheel is unnecessary. But the persistent CV engineer (Ctrl C/Ctrl V) wants to know what it is and why.
For some of the customized functions and interactions in the project, the above visual library did not fully meet our needs. In practice, we often need to consider whether there is a corresponding API in the open source library of the requirements proposed by the product during the requirement review. When there is no corresponding API, we have to cut the requirements with great pain.
To sum up, it is necessary for excellent CV engineers to implement their own visualization engine. This series of articles will implement a simple but comprehensive visualization engine, and use React as an example to assemble corresponding chart components, including line charts, bar charts, bar charts, pie charts, scatter charts, radar charts, K-charts, dashboards, maps, and topology charts. directory
【 Realization of my own visualization engine 01】 Understanding Canvas 【 realization of my own Visualization framework engine 02】 Abstract image elements 【 Realization of my own visualization engine 03】 Construction of basic metalibrary 【 Realization of my own visualization engine 04】 Image elements animation 【 Realization of my own visualization engine 05】 interaction and events [Realize my own visualization engine 06] broken line chart [realize my own visualization engine 07] Bar chart [Realize my own visualization engine 08] Bar chart [Realize my own visualization engine 09] pie chart [Realize my own visualization engine 10] Scatter chart [Realize my own visualization engine 11] Radar chart [Achieve your own visualization engine 12] K-line [achieve your own visualization engine 13] Dashboard [achieve your own visualization engine 14] map [achieve your own visualization engine 15] diagram