数据可视化原理与实例

# 第六章 D3 层次树图

# 第一节 D3 直角坐标层次树图

# 1.D3层次树图概述

# 2.D3层次树图的Json数据结构

# 3.基于直角坐标系的D3层次树图

# TreeVis.htm

# TreeVis0.htm

# TreeVis1.htm

# TreeVis2.htm

# TreeVis3.htm

# TreeVisSVG.htm

# TreeVisSVG.htm

# 第二节 D3 极坐标层次树图

# 1.D3极坐标树图

# TreeVisC0.htm

# TreeVisC1.htm

# cneduC.html

全屏

# cneduHCI.html

全屏

# d3v3tree.json

# 2.极坐标叶子节点对齐的树图

# 3.参数调整

# 第三节 基于面积的层次树图

# 1.基于矩形面积的树图TreeMap

# TreeMap.htm

# treemapHCI3.html

# sunburstEdu5.html

# 2.基于圆面积的Bubble TreeMap

# BubbleTree.htm

# circlePackHCI.html

全屏

# 3.基于弧面积的SunBurst

# SunBurst.htm

# 第四节 交互数图-对D3.V3和D3.V7的可视化

# 1.D3.v3.js

d3FoldTreeS6V7.htm

# treevisHCI.html

全屏

# sunburstd3v3.html

全屏

# 2.D3.v7.js

d3FoldCircleTreeS6V7.htm

# sunburstd3v7.html

全屏

# sunburstd3v7Color4.html

全屏

# sunburstd3v7Sub.html

全屏

# sunburstd3v7Sub3.html

全屏

# sunburstd3v7Sub6.html

全屏

# 3.Three.js

d3FoldCircleTreeS6V73D.htm

# edu.json

# 第五节 贝塞尔曲线

全屏

# links2.html

全屏

# path2.html

全屏

# path3.html

全屏

# path4.html

全屏

# path5.html

全屏

← 第七章 D3 力导向图 →