前端可视化一直是人们常谈到的词，随着SVG，Canvas，WebGL等技术的发展，也涌现了一大批的优秀的可视化库。本文将从中选择一些有趣实用的推荐给大家，工具使用好了，开发效率自然也就提升了。

鉴于网上旧版的股权穿透图长得太丑了，我决定基于最新版的d3.js（v7）重构一版。使用方式更简单，并且增加了“全部展开”和“全部收缩”的功能

写一个在线制作图编辑器,由于最近项目要支持，图形编辑这么一个需求，希望可以自定义图标，连接线等等功能

阅读本文🦀 1.您将了解到如何让echart做到响应式 2.您将到如何编写复杂的拖拽组件 3.和我一起实现可拖拽组件的增删改查、可编辑、可以拖拽、可排序、可持久化 4.和我一起实现可拖拽组件的删除抖动

本文将推荐一系列Canvas图形绘制、VR/AR、2D/3D、流程图、图编辑、图像处理等方面的库，希望助你在Canvas绘图时寻得一把趁手的利器

先放一个预览地址：点击查看效果 gif预览： 适配屏幕 算法 Wp为页面有效宽度，Hp为页面有效高度。 页面左右居中，上下居中。 若页面宽/高＞16/9，就左右留白。若页面宽/高＜16/9，就上下留白

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最

Vue + Egg 实现一个 H5页面可视化编辑器 / 可视化配置平台;互联网快节奏时代的当下，h5页面的产出在快速迭代的运营节奏下已经捉襟见肘；今天我们就一起来实现一个可视化配置平台（nocode）

今天给大家分享自研的页面可视化编辑器。一说到页面可视化，大家可能首先想到的是“低代码平台”，“可视化拖拽生成表单”等等。不过今天分享的这款工具并不是低代码表单

几个月前我写了一篇关于从零开发一款可视化大屏制作平台 的文章， 简单概述了一下可视化大屏搭建平台的一些设计思路和效果演示， 这篇文章我会就 如何设计可视化大屏搭建引擎 这一主题， 详细介绍一下实现原理