echarts 是一个功能强大、交互式的图表和数据可视化库，适用于浏览器。纯 JavaScript 编写，基于轻量级画布库 zrender，提供直观、交互式且高度可定制的图表，支持各种类型的图表展示。

本期我们开始搭建一个简单的图形编辑器。介绍开发环境搭建和 X6 创建画布、键盘快捷键功能实现。文章内容将根据实际情况不断补充。

使用 Canvas 和 JavaScript 绘制出一条舞动的龙，来给大家拜年了。先将图片字符化，再赋值动态属性实现。

设计器的实现的功能为，从节点库中将所需节点拖拽入流程面板中，在面板中可进行删除，移动，连线等操作，选中节点/操作后，可对其data中挂载的内容进行配置，未选中时对流程自身属性进行配置，以及JSON输出

在VUE3.0中使用AntV-X6可视化节点画布插件实现流程调度图。首先我们要了解系统的业务功能需求，以及业务流程的线路是怎样的。实际应用AntV X6的画布插件实现的可拖拽、增、删、改、配置的流程图

前端领域有多种流程库可供选择，例如vue-flow、butterfly、JointJS等等。这些库都提供了用于创建流程图、图形编辑和交互的功能。然而，它们在特性、易用性和生态系统方面存在一些差异。

架构图基本概念 架构是由系统组件,以及组件间的相互关系构成的集合体 架构图则是用来表达这种相互关系的集合体的载体。

本文将给大家介绍一种简洁明了软件架构可视化模型——C4模型，并手把手教大家如何使用代码绘制出精美的C4架构图。

在上一篇文章 《记一次绘图框架技术选型: jsPlumb VS mxGraph》 中，提到了我为什么要去学习 mxGraph。在入门时我遇到了以下几个问题 通过自己对着官方文档死磕了一段时间并在公司项目中进行实践后，慢慢开始掌握这个框架的使用。下面我就根据我的学习经验写一篇比较…