d3js 11布局笔记

绘图步骤 charts等开箱即用的框架 d3.js 主要布局种类 D3 总共提供了 12 个布局 直方图（Histogram） 层级图（Hierarchy） 设置获取d3.js svg 元素

数据是不能直接绘饼图，需要一个部分一个部分的绘制。绘制饼状图的一个部分，需要知道一段弧的起始角度和终止角度，这些值都不存在于原始数据数组中。因此，需要用到Pie布局，布局的作用就是；计算出适合于作图的

力导向图（Force-Directed Graph）是 d3.js 提供的一种十分经典的绘图算法。通过在二维空间里配置节点和连线，在各种各样力的作用下，节点间相互碰撞和运动并在这个过程中不断地降低能量

简介 数据 主程序 数据动态更新 tree update 优化 tree数据层级分组 tree - 将指定的层次数据布局为整齐的树布局. tree.size - 指定整个布局的宽和高. tree.no

Pack布局是一种用于表示包含与被包含关系的可视化布局方式，‌通常通过圆形套圆形来表示，‌其中外圆的大小表示被包含的对象，‌内圆的大小表示包含的对象。‌

弦图用来展示一组实体之间的关系，通过在不同的弧线之间画出二次贝塞尔曲线，将实体之间的关系表示在一张弦图中。

绑布局根据结点数据输入确定结点的父子关系，再根据边数据输入确定结点之间的边怎么画，当从一个结点映射出去的连接比较多时看上去像是形成一捆绳，所以叫捆图。

Stack布局是一种数据可视化布局，‌专门用于处理需要将多个数据系列叠加在一起以展示它们之间的关系和总和的情况。‌这种布局特别适用于处理多维数据，‌例如，‌当需要将不同类别的数据（‌如不同产品的销售额

集群图（Cluster） 分区图（Partition） 矩阵树图（Treemap） 直方图(Histogram)