作为一个有追求的前端，可视化你一定要了解~那我们常用于可视化展示的插件/库有哪些，轻量级图表类的有 Echarts/Highcharts,我用的比较多的是 Echarts，相比 Highcharts 来说，echarts 的数据格式更容易处理，文档阅读性更好；重量级图表插件有 …

效果图 以下的tiny-vue，即Vue1.0版本的initState、complie、数据响应的源码流程。通过不断点击，动态出现流程图的每一步，这样更适合与他人讲解。体验地址是： http://11

其实有很多库已经实现了流程图，比如 jointjs，gojs，jsplumb 等等。可惜都不是免费的。 如果要做的简单呢，就用贝塞尔曲线就好了，只需要提供起点终点两个点的坐标，就能用简单的算法生成一个svg 的path了。这样算法网上应该找得到。 但是如果要用正交连线来实现，这…

接到项目需求后，发现没有做过相关项目，盘算着拖拽倒是没有问题，但是控件的连线好像挺复杂，所以先开始了一番搜索，希望有合适的轮子那最好不过了。看了这篇对比文章：超级好用的流程图js框架，也看了一个新出的轮子topology，选轮子的时候我习惯性去npm trends，找一些类似的…

因业务关系，新增绘制流程图需求，最开始想使用第三方库，调研后总有部分功能不能满足，考虑后期需求变更的情况，决定自己研发。经多番调研，确认使用svg和d3绘制流程图，并封装为npm包。本文主要讲解封装库的前期规划、部分实现方式以及里面涉及到的一些好的idea。这是封装好库reac…

...

gojs 是一款非常优秀的流程图绘制 js 框架, 该框架没有中文版 api, 并且网上可查阅的资料非常少, 本文旨在带领读者了解整个框架结构, 以及基本的绘制方法. 本文对技术细节不作过多描述, 并会附上 api 地址以供参考.

话不多说，先上效果图： demo地址： https://code-roadfly.github.io/jsplumb-vue-wordFlow/#/ 现支持的功能：  节点的拖拽（1. 将左侧节点拖入