本文介绍如何从头绘制一个业务图表以及对于通用性上的一些思考。代码在最后也会给出。 要画图，当然是先找找看有没有能够直接拿来用的。我需要绘制的是一个类甘特图。主要是为了做时间基线上的任务耗时管理，并且能够与过往耗时进行对比。与传统的甘特图定义有些区别。长相上与甘特图类似。 找了A…

接上一篇文章 《「干货」用 Vue + Echarts 打造你的专属可视化界面（上）》，今天着重介绍 标记 的用法，来实现下图中的效果。 所用的 Echarts 的版本号为： v4.3。v-charts 的版本号为：v1.19.0。 标记的用法有很多，今天要介绍的场景有：折线图…

可能很多同学不知道频谱图和瀑布图，其实我也不懂...但是咱们前端就是负责把数据按照规则显示出来就好（上方折线图为频谱图，下方那一坨为瀑布图）。 因为需要服务器实时传输数据，要求达到30帧，每帧动画由 1024 个点组成，肯定要比 Ajax 轮询舒服的多，而且这个项目对于浏览器兼…

原文分为三部分, 在这里笔者将其整合为了一篇方便阅读. 该效果基于 D3.js, 主要使用到了 d3-selection. 如果对d3-selection的基本使用逻辑不太清楚可以参见 这篇文章. Step1 首先代码会随机生成一个字符串, 该字符以绿色进入画面. 1. 字符切…

最近公司需要做一个内部使用的机器学习平台,其中有一部分需求可以抽象为有向无环图,一边踩坑一边把研发过程记录了一下(其实是搜不到高耦合业务的成品轮子🤷),如果有类似需求,不妨泡杯枸杞,慢慢读完此篇. 关于前端可视化的技术选型. 请忽略灵魂绘图师的抽象,一切基于数据驱动,模型节点…

首先我们想象一下当前发生的一个场景， 漫天繁星闪烁，不时有流星划破天际， 地球在自转， 无数的人在不同的地点因为阿里提供的便捷服务在交易。 首先要有一片天， 一个矩形，给黑色背景就好了。 我们暂定 宽 width, 高 height, 三维空间要有深度 暂定为 depth。 至…

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

F2，源于 Fast & Flexible 两个单词首字母，是 AntV 家族中专为移动端定制、开箱即用的可视化解决方案。 或许大家对我比较陌生，但是从 AntV 上线的那一天起我就已经出道了，那时候我有另外一个名字『G2-mobile』，我和 G2 师承一脉，尽得『图形语法』…

前言不知不觉，2017年已经过去了，而2018年的第一个月也快要接近尾声了，不得不感叹时间过得真的很快，由于自己最近一直很忙，所以没有时间来更新博客，导致博客短更接近一个多月，在这里给支持我的小伙伴们