信息图表设计
饼图
饼图显示组成数据系列 (数据系列:在图表中绘制的相关数据点,这 些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色 或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据 系列。饼图只有一个数据系列。)的项目在项目总和中所占的比例。 饼图通常只显示一个数据系列,当您希望强调数据中的某个重要元素 时可以采用饼图。饼图具有下列子图表类型:
7.提升吸引力 使用图示和照片来调整风格,让图形变得焕然一新。
8.混合多种图形
大胆的把各种图形化手段混合在一起。比如你的数据与国家有关,那么把 他们和世界地图结合,会比使用一张常规的柱状图的效果要来得好。
散点图 这种图表类型比较成对的数值。例如,以下散点图 显示的是两组数据的不规则间隔(簇)。
在为绘制散点图而准备数据时,将 X 值放在一行或一列,并在 相邻的行或列中输入对应的 y 值。
折线散点图 显示这种图表时,数据点之间可以显示也可以 不显示直的或平滑的连接线。显示连接线时可以显示标记, 也可以不显示标记。
态、视频动态、网络交互。
信息图表设 计的要素
信息图表中的元素
信息图表中最基本的要素就是需要进行视觉化表达 的各种数据、信息和知识等。
以数据为例,设计师通常会使用已有的软件,生 成线条、色块、箭头以及各种符号标 记等要素对数据进 行表达,有时还需要使用简单直接的文字语言对图形化 的信息进行注解。
比例尺和标签等要素也常常出现在信息图表当中。
复合条饼图 这是一种将用户定义的数据提取处理出来并显示在 另一个堆叠条形图中的饼图。
折线图
折线图按照相同间隔显示数据的趋势。它具有以下子 图表类型:
折线图 这种图表类型显示随时间或类别的变化 趋势。在每个数据值处还可以显示标记。
堆叠折线图 这种图表类型显示各个值的分布随 时间或类别的变化趋势。在每个数据值处还可以 显示标记。
图表 charts
柱形图,条形图,饼图,折线图,XY 散点图,面积 图,圆环图,雷达图,曲面图,气泡图,股价图, 圆锥图、圆柱图或棱锥图
图表 图解 图形 表格 地图 名单
柱形图
柱形图显示一段时间内数据的变化,或者显示不同项目之间的 对比。柱形图具有下列子图表类型。
簇状柱形图 这种图表类型比较类别间的值。它还可以以 三维效果显示。如以下图表所示,水平方向表示类别,垂 直方向表示各类别的值,从而强调值随时间的变化。
百分比堆叠折线图 这种图表类型以百分比方 式显示各个值的分布随时间或类别的变化趋势。 在每个数据值处还可以显示标记。
三维折线图 这是具有三维效果的折线图。
XY 散点图
XY 散点图显示若干数据系列 (数据系列:在图表中绘制的相关 数据点,这些数据源自数据表的行或列。图表中的每个数据系列 具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中 绘制一个或多个数据系列。饼图只有一个数据系列。)中各数值 之间的关系,或者将两组数绘制为xy 坐标的一个系列。散点图 通常用于科学数据,具有下列子图表类型:
这种图表类型显示各个值的分布随时间或类别的变化趋势。它也可以以三维
百分比堆叠面积图 这种图表类型以百分比方式显示各个值的分布随时间或类别的变化趋 势。它也可以以三维效果显示。
圆环图
像饼图一样,圆环图显示部分和整体之间的关系,但是它可以包含 多个数据系列 (数据系列:在图表中绘制的相关数据点,这些数 据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或 图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据 系列。饼图只有一个数据系列。)。它具有下列子图表类型:
3.表达专业
把数字与相应的注解融入到信息图表中去,让它看起来专业化。但注意不要专 业过头,让普通读者觉得太难懂了,读者是不会花太长的时间来专研这些图表 的。更不要简单地把图表、数据和注解分散在不同位置,迫使读者不得不在这 些内容间不停地来回移动。
4.数据清晰
图表也常常让人得出错误的结论。 适当保留详细的数据源表,或者提供一个链接、 文档什么的,让有心的读者可以深入挖掘下去。
5.与众不同 如果可以的话,避免使用常规的柱状图、线图和饼图。可以加入些互动元素, 让图表活起来。
/periodic_table/periodic_table.html
6.准确性
当你使用不同尺寸几何图形或图片来 表示数值上的大小时,记住要从使用他们占用 的面积来表现大小差异。比方说,如果你是用两个圆圈来并表示“A是B的 三倍大”,那么,圆圈A占的面积是圆圈B的面积的3倍,而不是把A的 半径设为B的3倍。因为这样的话,A的面积实际上是B的9倍 (半径的正确比例是A:B=根号3:1)。
开盘-盘高-盘低-收盘 这种类型的图表要 求四个数值系列,且按开盘-盘高-盘低-收 盘的顺序排列。
成交量-盘高-盘低-收盘 这种类型的图表 要求四个数值系列,且按成交量-盘高-盘低 -收盘的顺序排列。下面的股价图在估算成 交量时使用了两个数值轴:一个用于计算成 交量,另一个用于股票价格。
成交量-开盘-盘高-盘低-收盘 这种类型 的图表要求五个数值系列,且按成交量-开 盘-盘高-盘低-收盘的顺序排列。
饼图 这种图表类型显示各个值在总和中的分布情况。它也可以 以三维效果显示,如以下图表所示。
分离型饼图 这种图表类型显示各个值在总和中的分布情况,同 时强调各个值的重要性。它也可以以三维效果显示。
复合饼图 这是一种将用户定义的值提取出来并显示在另一个饼 图中的饼图。例如,为了看清楚细小的扇区,您可以将它们组合成 一个项目,然后在主图表旁的小型饼图或条形图中将该项目的各个 成员分别显示出来。
三维曲面图 这种图表类型在连续曲面上跨两维显示数值的 变化趋势。例如,下图表显示产生相同抗拉强度值的温度和时 间的各种组合。图表中的颜色表示特定的数值范围。不带颜色 的三维曲面图称为框架式三维曲面图。
曲面图(俯视) 俯视曲面图,其中的颜色代表数值范围。 不带颜色的曲面图(俯视)称为框架式曲面图(俯视)。
信息图表设计
信息图表的设计流程 信息图表设计的要素 设计信息可视化的10条建议
信息图表的 设计流程
通常的Infographic设计流程如下: 1. 确立类型:空间类、时间类、定量类或三者综合。 2. 构成形式:合理运用图量、图状或时间轴等视觉元
素表达一个连贯的信息整体。 3. 选择手法:使用与主体相吻合的表现方式,平面静
马德里2016申奥材料
地图/映象 maps
图表 图解 图形 表格 地图 名单
名单/列表 lists
图表 图解 图形 表格 地图 名单
设计信息可视 化的10条建议
/blog/2010/4/27/10-tips-for-journalists-designing-infographics.html
气泡图
气泡图是一种 XY 散点图。它以三个数值 为一组对数据进行比较,而且可以三维效 果显示。气泡的大小,即数据标记 (数据 标记:图表中的条形、面积、圆点、扇面 或其他符号,代表源于数据表单元格的单 个数据点或值。图表中的相关数据标记构 成了数据系列。)表示第三个变量的值。 在为绘制气泡图准备数据时,请将 X 值放 在一行或一列,并在相邻的行或列中输入 对应的 Y 值和气泡的大小。
例如,可以按下图组织数据。
下面的气泡图显示 A 公司拥有最多的产品并占有 最大的市场份额,但其销售额并不是最高的。
股价图
这种图表类型通常用于显示股票价格,但是也 可以用于科学数据(如表示温度的变化)。为 了创建股价图,必须按正确的顺序组织数据。 股价图具有下列子图表类型:
盘高-盘低-收盘 盘高-盘低-收盘”图经 常用于显示股票价格。它要求三个数值系列 ,且按盘高-盘低-收盘的顺序排列。
面积图
面积图强调大小随时间发生的变化,它具有下列子图表类型:
面积图 这种图表类型显示数值随时间或类别的变化趋势。它也可以以三维效果显示。通 过显示已绘制的值的总和,面积图还可以显示部分与整体的关系。在下面的示例中,面积图 强调了北京地区增长的销售额,并显示了每个地区对销售总额的贡献。
堆叠面积图 效果显示。
条形图
条形图显示各个项目之间的对比。它具有以下子图表类型:
簇状条形图 这种图表类型比较类别间的值。它也可以以 三维效果显示。在下面的图表中,水平方向表示类别,垂直 方向表示各类别的值,从而关注值的对比情况。
堆积条形图 这种图表类型显示各个项目与整体之间的关 系。它还可以以三维效果显示。
百分比堆积条形图 这种图表类型以百分比形式比较各类 别的值在总和中的分布情况。它也可以以三维效果显示。
根据道格·纽瑟姆2004年定义,从表现 形式的角度,“信息图表”作为视觉工 具应包括以下六类: • 图表(charts), • 图解(diagrams), • 图形(graphs), • 表格(tables), • 地图(maps), • 名单(list)
/?p=2847
圆锥图、圆柱图或棱锥图
这些图表类型使用圆锥、圆柱或棱锥数据 标记来增强柱形图、条形图和三维柱形图 产生生动效果。与柱形图和条形图类似, 圆锥图、圆柱图和棱锥图也具有下列子图 表类型: 柱形图、堆叠柱形图或百分比堆叠柱形 图 这些图表类型中的柱形用圆锥、圆 柱或棱锥表示。 条形图、堆叠条形图或百分比堆叠条形 图 这些图表类型中的条形用圆锥、圆 柱或棱锥表示。 三维柱形图 这种图表类型中的三维柱 形用圆锥、圆柱或棱锥表示。
堆积柱形图 这种图表类型显示各个项目与整体之间的关 系,从而比较各类别的值在总和中的分布情况。它也可以 以三维效果显示。
百分比堆积柱形图 这种图表类型以百分比形式比较各类 别的值在总和中的分布情况。它也可以以三维效果显示。
三维柱形图 这种图表类型沿着两个数轴比较数据点 ( 数据点:在图表中绘制的单个值,这些值由条形、柱形、 折线、饼图或圆环图的扇面、圆点和其他被称为数据标记 的图形表示。相同颜色的数据标记组成一个数据系列。) 。例如,在下面的三维图表中,您可以比较欧洲的四个销 售部门和其他两个地区的业绩。