As a programmer, when I looked at this picture, I guessed that this picture should be drawn by Baidu's echarts, and then I thought of the use of echarts in my mind. But try to prove that I am still too young and have no product awareness.
Baidu's echarts team has long packaged the capabilities of echarts into a complete and easy-to-use tool. Without knowing a single line of code, anyone can quickly develop advanced icons such as epidemic maps.
Not much to say, this tool is Baidu picture description, the website is/
Look at the lower right corner. It was produced by echarts.
Let's start my performance:
Just find any website and pull down the latest epidemic data.
Click start making chart-> create chart-> select map-> China standard map.
Data editing-> import excel. We can import the prepared epidemic data.
4. Adjust the color
Through parameter adjustment. By modifying the range and the controller color within the range. You can simply make a good chart.
In addition, there are many other commonly used legends in the title. We often do it with echarts.
This tool is quite good, although we programmers can write in code, it can also save a lot of things. Moreover, this tool can view the source code, and we can also use it to modify the functions that have not yet been implemented.
For those who don't understand the code, just use it directly, and you don't need to understand a line of code.
Recommend other open source charts.
D3.js is an open source JavaScript library that processes documents according to user data. This is a powerful tool to bring data to life with the help of HTML, SVG and CSS. D3 allows developers to bind arbitrary data to DOM and then apply data-driven transformations to DOM. For example, consider an array array, which can be used to generate an HTML table or an interactive bar chart or pie chart with the same data.
Official website: https://d3js.org/
Chart.js is a chart library maintain by that community, through which we can create response charts for your website. By using it, we can generate mixed charts and have good rendering ability in modern browsers. Angular Chart is built on the Chart.js library, and it will be very easy for Angular project to implement Angular chart.
Official website: http://www.chartjs.org/
N3 chart is also an open source JavaScript chart library, which makes the life of Angular developers simple. N3-chart is based on D3.js and AngularJS, so it has a more powerful chart and is easy to implement.
Official website: http://n3-charts.github.io/line-chart/#/home.