我们每天关注的疫情分布图是怎么做出来的?

这段时间,每天早上起床第一件事就是打开手机看看当前的疫情。

作为一个程序员,我看这张图的时候就猜到这张图应该是百度的echarts画的,然后脑子里就想到了echarts的用途。但是尽量证明我还是太年轻,没有产品意识。

百度的echarts团队早就把echarts的能力打包成了一个完整易用的工具。在不知道一行代码的情况下,任何人都可以快速开发出像流行病地图这样的高级图标。

话不多说,这个工具是百度图片描述,网址是/

看右下角。果然是echarts出品。

让我们开始我的表演:

随便找个网站,把最新疫情数据拉下来就行了。

点击开始制作海图->创建海图->选择地图->中国标准地图

数据编辑->导入excel。我们可以导入准备好的疫情数据。

4、调整颜色

通过参数调整。通过修改范围和范围内的控制器颜色。你可以简单地做一个好的图表。

此外,标题中还有许多其他常用的图例。我们经常用echarts做。

这个工具挺好的,虽然我们程序员可以用代码写,也能省不少事。而且这个工具可以查看源代码,我们还可以用它来修改还没有实现的功能。

对于不懂代码的人,直接用就好,一行代码都不需要懂。

推荐其他开源图表。

D3.js是一个根据用户数据处理文档的开源JavaScript库。这是一个强大的工具,借助HTML、SVG和CSS赋予数据生命。D3允许开发人员将任意数据绑定到DOM,然后将数据驱动的转换应用到DOM。例如,考虑一个数组array,可以用它来生成一个HTML表,也可以用同样的数据来生成一个交互式的条形图或饼图。

官方网站:https://d3js.org/

Chart.js是一个由社区维护图表库,通过它我们可以为您的网站创建响应图表。通过使用它,我们可以生成混合图表,并在现代浏览器中具有良好的渲染能力。Angular chart是建立在Chart.js库之上的,Angular project实现Angular Chart会非常容易。

官方网站:http://www.chartjs.org/

N3图表也是一个开源的JavaScript图表库,它让Angular开发者的生活变得简单。N3-chart基于D3.js和AngularJS,所以它有一个更强大的图表,并且易于实现。

官方网站:http://n3-charts.github.io/line-chart/#/home.