人类是视觉动物，一张简单的数据可视化图表在传递大量信息的同时，能更加直观地阐述观点，为浏览者带来更深刻的印象。

在公司的项目开发中，涉及到了移动端H5页面的时间轴展示效果。现有的轮子比如ElementUI、iView中，都没有专门的时间轴组件，于是就萌生了自己封装一个的想法。 说干就干，杜绝拖延症，正好今天周末，就封装了一个时间轴的组件上传到了npm，大家有需求可以安装试一下。 开发一个…

从官网下载界面选择你需要的版本下载，根据开发者功能和体积上的需求，我们提供了不同打包的下载，如果你在体积上没有要求，可以直接下载完整版本。开发环境建议下载源代码版本，包含了常见的错误提示和警告。 在 ECharts 的 GitHub 上下载最新的 release 版本，解压出来…

本文github地址,持续更新...... 覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字) 毛玻璃蒙版，本质上讲是两层图，底层图清晰完整，顶层图模糊残缺，并且两者位移完全一致，因此叠加到一起后像是一张图。为了确保位移一致，我们用了 backg…

跨越不同地域的数千个网站的原始数据保存在庞大的数据库中，这些原始数据即是网站正在测量的网络组件、页面性能、可用性，以及页面内容指标（Page content metrics）。当我们将这些数据呈现给他人而没有对其进行正确组织和分类时，这将导致难以阅读、分析和确定结论。 通过图形…

数据产品首先也是一个web工程，这里不谈是react还是vue，个人认为凭喜好即可。本文想说说关于高交互，多维数据分析，多图表展示的产品如何选择工具库，以及有哪些库可以用。 主流的web图表库有：echarts；highcharts；D3js；antv（G2，G6，F2）基于D…

draw.io 是一款非常好用的在线绘制流程图的工具，提供了流程图，UML图等丰富的接口。它还支持第三方云存储，能够方便的将这些设计图分享给团队成员。并且它还是免费的。

数据介绍 本文基于以下数据进行分析和可视化，山东江苏空气质量数据、全国水质监测数据、全国气象数据、全国风场格点数据、山东污染企业和污染排放数据，希望能够唤醒公众对于公益环保的认识。 作品内容 我主要做了以下几个方面的统计、分析和可视化：空气质量、水质、污染、风、雨。可视化的工作…

数据可视化的目的其实就是直观地展现数据，例如让花费数小时甚至更久才能归纳的数据量，转化成一眼就能读懂的指标；通过加减乘除、各类公式权衡计算得到的两组数据差异，在图中颜色敏感、长短大小即能形成对比；数据可视化是一个沟通复杂信息的强大武器。通过可视化信息，我们的大脑能够更好地抓取和…