<返回 树状图
树状图 Treemap
树状图
树状图
树状图(tree diagram),是一种将 层次结构式的构造性质 的数据,以图象方式(通常是矩形)表现出来的方法。
树状结构
树状结构(Tree structure)是一个概念,可以用许多种不同形式来展现,展现的方法称为树映射(Tree Mapping),多通过 递归 的方法进行表示。
在数学的图论与集合论中,对于树状结构的性质探讨是一个重要课题。在计算机科学中,则以树状数据结构作为讨论主题。
在数据结构中的基本单位称为节点(Node)。节点之间的链接,称为分支(branch)。
层次结构数据
对有 层次关系的数据 进行可视化时,需要同时考虑如何将这种层级结构和指标同时进行展示。
既要让用户看明白数据的 层次结构,同时也要让用户看明白 指标间的“对比”
层次结构系列 :多层饼图 | 多层环图 | 日出图 | 组织结构图 | 嵌套圆图 | 树状图 | 双曲树图 | 系统树图 | 凸树图 | 扇形图
构成成分
- 通常是一个上下颠倒的树,显示为一组嵌套矩形,其 根部 在上方。
- 树的每个分支都被赋予一个矩形,然后用表示子分支的较小矩形来平铺该矩形
- 叶节点的矩形具有与数据上的指定维度成比例的面积。通常,叶节点会着色以显示数据的单独维度。
图形类型 树状图
类型 :
形状 :
工具代码 树状图
- AnyChart
- amCharts
- D3
- Datamatic
- Google Charts
- Infogram
- jChartFX
- JSCharting
- Vega
- Vizzlo
- ZingChart
- Region-wise Literacy Rates in 2015, World Population - FusionCharts
- Top 10 Chinese Exports to the World - AnyChart
- 基础教程 (Excel)
- 基础教程 (Power BI)
- 官方基础教程 (Tableau)
- 官方基础教程 (QlikView)
- 官方实例 (ECharts)
- 官方实例 (AntV)
- 官方文档-矩形树布局 (D3)
- 基础教程 (D3)
- zoomable treemap (D3)
- source treemap (D3)
- 基础教程 (matplotlib)
- 基础教程 (gglpot2)
- 如何绘制矩形/圆角矩形 (PS/AI)
- 如何绘制矩形/圆角矩形2 (PS/AI)
- 如何绘制矩形/单个圆角矩形 (Sketch)
- treemap4.1. 需要在java1.4环境上运行
相关文章 树状图
- 驭数有“树”——矩形树图的可视化之术。
- 树图在设计上的10个注意事项。
- 马里兰大学关于树图研究的历史综述。
- 树图的延伸-着色排列树图。
- Antv墨者学院. (n.d.). 矩形树图 - AntV.
- Data Visualisation Catalogue. (n.d.). Treemap - Learn about this chart and tools to create it.
- Data Viz Project. (n.d.). Treemap | Data Viz Project.
- McCandless, D. (n.d.). Trillions – What is a trillion dollars? — Information is Beautiful.
- 邹熳云, 王亚赛. (2018). 图解|这家扩张神速的咖啡店背后,是我们买咖啡的方式变了.
- 王亚赛, 何伟, 杜海燕. (2018). 丰收·动图 | 我国秋粮有望15连丰,上海历年单产最高.
- Shneiderman, B. and Plaisant, C. (2014). Treemaps for space-constrained visualization of hierarchies.
- 唐云路. (2019). 中国人连续六年成为美国房产市场最大买家,2018 年的新热点是德国和东南亚地区_商业_好奇心日报.
- 腔调设计. (2018). 电脑程序矩形树形重新诠释经典肖像油画,腔调设计文章.
- Office Support. (n.d.). 在 Office 中创建树状图.
- PowerBI星球. (2018). PowerBI绘制树状图就是这么简单.
- Tableau Help. (2018). 生成树状图.
- Qlik Help. (n.d.). 树形图.
- Echarts team. (n.d.). 手机占有率. .
- AntV team. (n.d.). 矩形树图 label.
- tianxuzhang. (2015). 矩形树布局.
- Bostock, M. (2011). treemap.
- Bostock, M. (2017). D3 Treemap.
- Bostock, M. (2016). D3 Source Treemap.
- SciPy Cookbook. (2019). Matplotlib: treemap — SciPy Cookbook documentation.
- wilkok. (2019). wilkox/treemapify.
- 電腦學習園地. (2019). 【Illustrator CC 教學Ai】10 矩形工具【201702】.
- 電腦學習園地. (2017). 【Illustrator CC 教學Ai】11 圓角矩形工具與橢圓工具【201702】.
- 黄方闻. (2016). 实用Sketch小技巧03——输入框的运算和圆角的设置.
- rzly. (2017). 驭数有“树”——矩形树图的可视化之术 | 图表家族#镝数.
- Gemignani, Z. (2009). 10 Lessons in Treemap Design.
- GroupVisual.io. (2017). A More Intuitive Treemap?.
- Cook, P. (n.d.). Layouts.