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

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