近两年前端大家是真的不好混，在职的人呢被极限压榨，待业的人呢投简历都是【未读不回】。 照常理来说，地图相关的需求都是由组内的地图大佬负责的，但眼瞅着公司里前端同学越来越少，这“泼天的富贵”终于...

一些新兴的 JavaScript 库在开发者间有很高的满意度，但使用率偏低——这可能会让开发者难以选择合适的技术。下面这些数据可以帮我们选择合适的技术。 第一张图代表着这些库随时间变化的趋势。它有四个象限，纵向由下至上代表着使用率由低到高；横向由左至右代表着使用体验由坏到好。也…

ReactColor 是一个优秀的 React 颜色选择器组件，官方给了多种布局供开发者选择。 笔者常用的主题为 Sketch，这种主题涵盖了颜色面板、推荐色块、RGB颜色输入等功能，比较完善。但是最近在写一个富文本编辑器，编写过程中遇到了一些问题，比如用户在点击推荐色块时，编…

可能细心的小伙伴注意到了我们初始化的 viewer 实例并没有写在 data 里，这是因为Vue中会为 data 中的属性做数据劫持，如果属性是一个对象，将会递归进行数据劫持，viewer 这个实例中的属性数量非常多，如果将它放置 data 中。。。只有一个下场，浏览器崩溃 指…

本文将会带着大家基于React搭建一套属于自己的绘图工具。 项目的地址我已经托管到github上, 欢迎各位大佬批评指教!后面陆续会将完成的功能, 同步更新到我的github博客上。 至于基础布局的代码, 大家可以自由发挥, 本文就不赘述了。如果想直接上手基础功能的话, 可以直…

我将向大家分享可视化系列文章，介绍我们的前端开源图表库📈 CloudCharts（Github） 如何基于 G2 封装，通过少量配置项即可绘制图表，最终服务内部近两百个产品和许多对外云产品。 在 React 中使用 G2 有 BizCharts 和 Viser 等方案，但他们…

数据可视化的内涵并非只是专业人员才能看得的懂的图表，当你想要通过数据来宣传证明自己时，你遇到的问题是大多数人并不能看懂你的图表。那么让数据可视化的过程更加的生动有趣、通俗易懂就显的尤为重要了。 如何才能让数据可视化在面向普罗大众更容易接受和理解，甚至产生WOW的感觉呢？下面我试…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

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