Research on solutions for large-hierarchy-data visualization and practice on a FOCUS+CONTEXT technique of large-hierarchy-data visualization to show XBRL data. Create an application using SILVERLIGHT to achieve the display and comparison on XBRL, aka business reporting data.

1. XBRL⽤用户⾃自定义元素的可视化⽐比较实现
报告人：吴艳娜
指导老师：马颖华!

2. ⺫⽬目录
XBRL介绍!
信息树可视化技术!
双曲线树模型!
双曲线树浏览器介绍!
演示!

3. XBRL介绍
XBRL!
XBRL是用于企业财务数据电子交流的语言，是一种基于 XML语言的实现。上世纪 90 年代末美国首
先提出 XBRL理论，很快为实务界所采纳，短短几年之内， XBRL得到超乎寻常的发展。目前XBRL在
全球范围内已经被大多数会计师事务所、贸易机构、软件开发商、金融机构、投资者以及政府机构采用。!
自定义元素的归类!
XBRL标准被广泛的使用，各国根据各自的财务准则都制定了各自的数据项分类表，用户还可以
根据自身的情况，自定义增加和删减分类体系，做到个性化。但在使用中也发现由于个性化的
存在使得自定义的数据有着爆炸增长的趋势，尤其是美国近两年提交的报表数据中有近一半的
数据是自定义的。这种现象很值得研究，现有问题的研究可以首先集中在标准的修订以及自定
义数据的归类上。!

4. XBRL介绍
XBRL
实 分 技
例 类 术
文 标 规
件 准 范
Presentation链接库规定了元素展现的父子
关系与兄弟元素的展现次序!
模 链
式 接
文 库
件
定 标 展 计 参
义 签 示 算 考
链 链 链 链 链
接 接 接 接 接
库 库 库 库 库

5. XBRL介绍
! XBRL可视化的重点
— 树形结构
— 元素很多，节点很多（难点）
— 区别标准元素和自定义元素!

6. 信息树可视化技术

7. 信息树可视化技术
! 节点连接法
— 节点连接法能够清晰地表示树的层次结构关系，但空间利用率较
低，难以在有限界面内提供大量信息的整体视图。!
DOITrees! 双曲线树!

8. ⼀一个半径树的例⼦子
整体! 局部!

9. ! 区域填充法
— 虽然能够在有限显示空间内呈现大量信息，但随着树节点数目和
层数的增多，深层次子节点逐渐变小而难以分辨!
Treemap!

10. 信息树可视化技术
! Focus+Context是解决上述问题的主要技术
— 提供了在放大某一子集合的数据时，同时在视图中保留数据整体
结构
— 典型应用：半径树与双曲线树浏览器

11. 信息树可视化技术
基于Focus
+Context技术的
半径树!
选择一个结点并将其置于半径树的中心，与此同
时其周边的树型结构也随之发生相应的变化!

12. 信息树可视化技术
基于Focus
+context技术的
双曲线树!
接近中心节点的区域会被放大，反之，
在单位圆边缘以极小的空间显示节点!

13. 双曲线树模型
三种常见的映射模型!
Upper-
Klein! Poincare!
模
half plain!
型
中
的
直
线
概
念
模
!
型
中
的
角
度
概
念
!

14. 双曲线树浏览器介绍
! 使用Silverlight实现
— 跨平台
— 高性能
— 强大的.Net框架支持
! 模型选取 - Poincare disc model
— 保角映射，直线变为圆弧
— 比Klein模型更清晰的展现树的排布
— 角度不变，实现时只需知道距离算法即可

15. 双曲线树浏览器介绍
! 输入格式!
document
XBRL展示链接库à左图所示规范!
xml xbrldata
entry entry
Entry有两个属性 name 和 color!
entry entry

16. 双曲线树浏览器介绍
! 自定义节点的显示方案
— 行业标准所规定的元素用黑色节点和黑色标签信息来表示；公司
自定义的元素用红色的节点和标签信息来表示。另外，连接线的
颜色也随分支下自定义节点个数的变化而改变——分支下的自
定义节点越多，则连接线的颜色越红，反则越黑。!

17. 演⽰示

18. 谢谢