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

svg(Scalable Vector Graphics)是一种基于XML语法的图像格式，全称是可缩放矢量图，其它图像格式都是基于像素处理的，SVG则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真.SVG是面向图形，HTML时面向文本。 第…

B/S 架构的数据可视化分析平台开源方案不完全集锦，供各位参考。 排名不分先后。欢迎补充。 Elasticsearch 专用的数据分析检索仪表盘。ELK Stack 中的 K。 日志系统常见的可视化开源解决方案。 使用 Nodejs+AnglarJs+React 开发,元数据存…

使用圆环加载效果可以用可以采用css3+js的方式。这种方式首先我们得有一个圆的图片。。核心是采用显示隐藏的方式，并且依靠层级的方式来控制圆的加载过程。 今天来看看svg实现圆环过渡的过程和原理。 SVG 代码都放在顶层标签 <svg>之中。 当然svg有很多基础知识,你可以点…

双十一光棍节又要来临了，每年这个时候都是本人最苦闷的时刻。日渐消瘦的钱包，愈发干涸的双手，虽然变强了，头却变凉了。今年一定要搞点事情！ 最近听女神说想谈恋爱了，✧(≖ ◡ ≖) 嘿嘿，一定不能放过这个机会，给她来个不一样的表白。 作为整天搞可视化的前端攻城狮，最先想到的就是常玩…

笔者之前写过一篇 【从头到脚】撸一个多人视频聊天 — 前端 WebRTC 实战（一），主要讲 WebRTC 的一些基础知识以及单人通话的简单实现。原计划这篇写多人通话的，鉴于有同学留言说想看画板，所以把这篇文章提前了，希望可以给大家提供一些思路。 本期的主要内容，便是实现一个共…

1. 引言 引用著名瑞典统计学家 Hans Rosling 的一句话：想法来源于数字、信息，再到理解。 分析数据的最好方式是可视化，因为可视化承载的信息密度更高，甚至可以从不同维护对数据进行交互式分析。今天要精读的文章就分析了经典可视化分析工具 Tableau：data-vis…

去年圣诞节产品提了一个活动需求，其中有一个下雪的背景动画。在做这个动画的过程中加深了对 canvas 动画的一些了解，在这里我仅是抛砖引玉的分享一下，欢迎各位大佬批评。 代码已上传至 github ，感兴趣的可以 clone 代码到本地运行。望给个 star 支持一下。 UI …

要用到柱状图,第一时间想到去echart看看示例扒一套代码下来。看了官方教程后感觉不太适合本项目,考虑后觉得自己动手写个图标比较省事而且不用引包。那就开始吧！ 滚动图表首先得有一些柱子呀,那我们就来早柱子,这些都是个宽度相等,高度按比例*设定好的最高高度的柱子。通过flex布局…