1、信息可视化概述1内容 为什么需要信息可视化 什么是信息可视化 信息可视化能干什么 典型的信息可视化设计方法 如何进行信息可视化设计 几种可视化概念 信息制图和数据可视化工具软件和案例资源2为什么需要信息可视化?眼睛!3眼睛人体最强大的信息接收器!读书认字、看图赏画、看人物、欣赏美景都要用到眼睛大脑中约有80%的知识和记忆都是通过眼睛获取眼睛能识别出不同的颜色和光线而这些眼睛从颜色与线条中获取大量的信息!可视化(Visualization):将不可见或是抽象的事物图形化,使其清晰、直观地呈现。720世纪初,用表格和统计图等表达科研成果,生成的图形较文字更易理解。计算机图形技术生成图形,使原始信息
2、更便于理解,最初用于科学数据直观呈现。1986年,美国国家科学基金会举办了“图形、图像处理工作站”讨论会,提出了“科学计算可视化”(Visualization in Scientific Computation,VISC)概念,标志着“可视化技术”正式提出1989年“信息可视化”术语第一次出现在Robertson等的用于交互性用户界面的认知协处理器,认为信息可视化是“计算机支撑的、面向抽象数据的、具有交互性的可视化表示法,用以增强人们对抽象信息的认知。”Robertson G.,Card S.K.,Mackinlay J.D.The cognitive coprocessor for inte
3、ractive user interfaces.Proceedings of the ACM SIGGRAPH symposium on user interface software and technology,1989:10-18 George G.Robertson8因普通受众不具有数据感知和挖掘的能力,经常淹没于数据信息的海洋中,解决这一问题最简单实用的手段就是将数据信息以图形图表的形式呈现。9IEEE信息可视化研讨会(IEEE Symposium on Information Visualization)始于1995年,每年10月在美国城市轮流召开;信息可视化国际研讨会(Inter
4、national Conference on Information Visualization)始于1997年,每年7月在伦敦召开。10 11信息可视化能干什么?数据信息展现12数据信息展现13数据信息展现14数据信息展现15数据信息展现16信息可视化的功能交互性用户可以方便地以交互的方式管理和开发数据;多维性可以看到表示对象或事件的数据的多个属性或变量,而数据可以按其每一维的值,将其分类、排序、组合和显示;可视性数据可以用图象、曲线、二维图形、三维体和动画来显示,并可对其模式和相互关系进行可视化分析。17 18 典型的信息可视化设计方法极区图:视觉上的特点是以中心为基点,向外发散,构成图形
5、好像花朵也成为玫瑰图。19桑基图:视觉上的特点是图的始末端两端连线的宽度相等,又称能量平衡图。20矩形式图:在方块格子上对信息进行区分。21热力图:这类图是一种使用冷暖色调来映射二维变量,以便进行聚类分析,擅长体现频率,密度等。22树状图:可以描述事件的进程或者数据的流程。23气泡图:使用点形的设计元素,以大小色彩密度的变化描述数据状态。24地图:最根本的设计元素是地图,常与气泡图一起组合的出现,描述地址位置,交通及人口、收入等。25 26如何进行信息可视化设计?原始数据数据表可视化结构视图数据视图形式数据变换任务可视化分类可视化变换信息可视化设计流程27信息可视化设计思维示意28信息可视化设
6、计1 将数据大小以图形方式表现。如用柱形图的长度或高度表现数据大小,是最常用的可视化形式。柱形图、饼图可能带来审美疲劳,可尝试图形样式创新,常用的方法就是将图形与指标含义关联。Google Zeitgeist在展现top10搜索词时,就是“搜索”形状的柱形,同时也做了立体的视觉变化。29信息可视化设计2 用与指标含义相近的icon来表现。30信息可视化设计3 存在多个指标时,挖掘指标间的关系并将其图形化,可提升可视化深度。百度统计流量研究院操作系统的分布31信息可视化:可将指标、指标值和指标关系分别进行图形化处理。以最简单的性别分布为例:32信息可视化设计4 将时间和空间可视化 通过时间的维度
7、来查看指标值的变化情况,一般通过增加时间轴的形式,也就是常见的趋势图。当图表存在地域信息并且需要突出表现的时候,可用地图将空间可视化,地图作为主背景呈现所有信息点。33信息可视化设计5 将数据进行概念转换 比喻法,对比法34信息可视化设计6 让图表“动”起来,交互和动画35 36几种可视化概念数据可视化科学可视化信息可视化知识可视化几种可视化之间关系37几种可视化可视化数据可视化信息可视化科学可视化将计算或采集的数据图形图像化可视化在非空间数据领域的应用可视化感知和处理非数值型信息知识可视化建构和传达复杂知识的图解方式38科学可视化科学可视化是基于物理世界、自然科学中的结构化数据或者仿真数据的
8、可视化。如狭义的地理信息系统,航天探月、气象预报、医学核磁共振等。39数据可视化探索数据与数据集的视觉表现形式。数据可视化40信息可视化信息可视化研究大规模非数值型信息的视觉呈现,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据。41知识可视化构建、传达和表示复杂知识的图形图像段,帮助他人正确地重构、记忆和应用知识。知识可视化42信息制图和数据可视化工具软件和案例资源工具软件1、Excel2、Adobe Photoshop3、Adobe Illustrator4、Adobe Flash5、Maya目前最为优秀的三维动画的制作软件之一,可以大大增强平面设计产品的视觉效果。43眼睛眼睛6、
9、CorelDRAW,广泛应用于商标设计、标识制作、模型绘制、插图描画、排版和分色输出等领域。7、Circos自由可视化软件,大多数关系型数据都可以用其来可视化,适于制作圆圈图表。8、Tableau商业制图软件。9、WordleWordle是一件生成文字云的“玩具”,它能够根据你提交的内容(包括URL和文本)自动生成多彩的文字云,并且对提交的内容中最频繁使用的文字进行强调。可根据词频,在几秒钟之内从提交的文本中提炼出关键词。10、MindManager思维导图工具,内嵌浏览器,并有中文版。44眼睛11、SmartDraw强大的信息制图软件,可制作思维导图、结构图、流程图、还内设很多模块,可绘制室
10、内户型图及交通道路图,有非常强大的素材库,可直接调用图表设计用的素材。12、MindGenius老牌信息制图软件,可以进行各类发散型信息图表设计,内置数量庞大的素材库,可直接在图表设计时使用。13、ConceptDraw信息图表设计工具被他细分成了四个子产品,每种产品针对不同的工作任务。14、Cmap tools很强大的思维导图工具,其官方网站设计的也和图表一样。15、FreeMind免费信息图表制作软件,支持免费支持开源,界面设计的干净。45信息制图和数据可视化工具软件和案例资源网站1、图表汇国内信息制图方面的优秀代表网站,收录有大量优秀作品、教程和咨询。2、搜狐图表新闻国内门户网站中集中展
11、示图标新闻的代表。3、ManyEyesIBM旗下的一个网站,允许用户进行数据采集,然后通过这个网站可视化收集的数据,并讨论他们的视觉效果。IBM研究部门把该网站作为一个实验平台,以测试其对数据可视化具有带动沟通和社会互动的能力,以及这个活动可能对数据产生的新的见解。464、ExcelPro 的图表博客专注于用Excel进行商务图标的沟通。5、VisualJournalism倡导在现代新闻业中“show-dont tell”的重要性。6、Eagereyes关注信息的可视化以及数据的视觉沟通,目标是帮助发掘那些在这个领域正在发生的变化,并探讨那些将在未来产生影响的发展。7、Vizworld一个寻找
12、新闻及洞察力的图表及可视化的社区。8、Cool Infographics图表能传达数据,信息制图能将数据转化成信息。479、Moritz Stefaner一个自由视觉设计师的个人博客,博主拥有界面设计的硕士学位和认知科学的博士学位,对信息美学、交互可视化及网页如何改变人们对信息的认知感兴趣。10、FlowingData主要从数据可视化的角度,探索设计师、统计学家和计算机专家如何通过数据来更好的了解我们自身。11、Visual.ly全世界最大的信息制图及数据可视化的分享社区,Visual.ly拥有海量的信息图表数据库,可以在几秒钟之内创建属于自己的图表,使用它完全不需要任何设计基础。48信息制图和数据可视化工具软件和案例资源:http:/ 束50