树图是很常用的图表，它有结点和子节点的结构。如果一个结点的子节点太多，我们通常会把它们先隐藏起来，在点击父节点的时候展开显示。为了美观和流畅，我们可以加上展开收起的动画。

什么是SVG 在学习 SVG 之前，首先要了解 位图 和 矢量图 的区别。 简单来说： 位图：放大会失真图像边缘有锯齿；是由像素点组成；前端的 Canvas 就是位图效果。 矢量图：放大不会失

本文介绍了使用SVG和D3.js开发思维导图的过程，包括数据结构的设计、节点坐标的计算以及连线的实现。开发者分享了两种数据格式（平铺和树形）的选择和优缺点，并展示了如何利用D3.js处理节点和连线信息

使用D3-Brush为数据可视化增加交互性 D3.js是一款强大的JavaScript数据可视化库，它提供了丰富的功能和灵活的API，使开发者能够创建交互式和可定制化的数据可视化图表。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第17天，点击查看活动详情。 什么是 D3.js D3的全称是 Data-Driven Documents（数据驱动文档），是一个可以

D3.js入门教程 本教程的目的在于提供一个简单易懂的入门教程。 D3.js简介 D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，

按照自己想写的逻辑来写的D3.js数据可视化系列，可能和网上教程不太一样的风格。虽然目标是初学者也能更容易上手，但可能也不是那么容易达到，欢迎大家反馈与指正。

一篇本应该很早以前就写的文章，拖到现在终于填坑了(请脑补做出这个违背祖宗的决定有多挣扎，不是)。又臭又长，但希望能对还没入门 D3.js 数据可视化的人有帮助

D3与众多其他库的区别在于无限定制的能力（直接操作SVG）。 它的底层API提供对原生SVG元素的直接控制，但它也带来了高学习曲线的成本。 我们将把D3和Vue结合在一起 - 使用Vue的动态数据绑定，清晰的语法和模块化结构，可以充分发挥D3的最佳性能。 绝大部分的D3课程或书…