数据可视化进阶

19 种进阶图表全部基于真实布局算法（Squarify、力引导、堆叠、四分位、螺线放置…），悬停/拖动即可看到指针下的数值与中文讲解。

技术栈: Canvas 2D, force layout, squarify treemap, stack / quartile, spiral word placement

• 关系图 — 技术栈关系网络：库仑斥力 + 弹簧拉力的力引导布局。
• 矩形树图 — Squarify 方形化算法：面积代表大小，可与切片法对比长宽比。
• 力导向图 — 分组聚类的力导向模拟：电荷、连线、碰撞三种力与温度冷却。
• 热力图 — 高斯热点叠加的网格数据，γ 对比度与冷暖双色色带。
• 雷达图 — 多系列多维度对比，实时计算多边形面积。
• 桑基图 — 来源 → 页面 → 去向的流量图，中间节点流入 = 流出。
• 气泡散点 — 散点 + 气泡大小三维数据，实时皮尔逊 r 与回归直线。
• 日历热力 — GitHub 式周历热力图：分级配色、活跃天数与最长连续。
• 旭日图 — 一圈一层的层级占比，扇区角度 ∝ 数值。
• 和弦图 — 城市间往来矩阵：弧长 ∝ 流出量，弦宽 ∝ 双向流量。
• 箱线图 — 实时计算 Q1 / 中位数 / Q3、1.5·IQR 须线与离群点。
• 平行坐标 — 多维数据折线 + 指针刷选过滤，统计选中条数。
• 流图 — 随时间滚动的堆叠面积图，三种基线模式对比。
• 词云 — 齐普夫词频 + 阿基米德螺线防重叠放置，线性/√/对数字号映射。
• 层级列表 — 可折叠的缩进树，数值条显示占整体比例。
• 转化漏斗 — 访问到推荐的多阶段转化，累计转化 = 单步转化连乘。
• K 线图（蜡烛图） — 对数正态随机游走行情，实时跳动 + 均线 + 成交量。
• 冰柱图 — 矩形版层级分区，子块位于父块正下方并按值分宽。
• 弧形进度 — 多层 KPI 圆环，线性/缓出/弹性三种缓动动画。