大数据概述-大数据关键技术与计算模式-大数据可视化设计案例
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 最后根据设计风格进一步确定了深蓝 为标准色，代表科技与创新;橙红蓝分 别代表漏洞数量的高中低，为辅助色; 整体的视觉风格与目前主流的扁平化 一致。
13 二、案例：大规模漏洞感知可视化设计
• 5. 优化图形
• 有了图形后，尝试把数据按属性绘制 到各维度上，不断调整直到合理。虽 然这里说的很简单，但这是最耗时耗 力的阶段。维度过多时，在信息架构 上广而浅或窄而深都是需要琢磨的， 而后再加上交互导航，使图形更“可 视”。
大数据可视化设计案例
2 大数据可视化设计
• 大数据可视化是个热门话题，在信息安全领域，也由于很多企业希望将大数 据转化为信息可视化呈现的各种形式，以便获得更深的洞察力、更好的决策 力以及更强的自动化处理能力，数据可视化已经成为网络安全技术的一个重 要趋势。
3 一、可视化之前期准备
图1 故事+数据+设计 =可视化
7 二、案例：大规模漏洞感知可视化设计
• 图3是全国范围内，各个行业漏洞的分布和趋势，橙黄蓝分别代表了 漏洞数量的高中低。
8 二、案例：大规模漏洞感知可视化设计
• 1.整体项目分析
• 拿到项目策划时，既不要被大量的信息资料所迷惑而感到茫然失措，也不要急于完成 项目，不经思考就盲目进行设计。首先，认真了解客户需求，并对整体内容进行关键 词的提炼。可视化的核心在于对内容的提炼，内容提炼得越精确，设计出来的图形结 构就越紧凑，传达的效率就越高。反之，会导致图形结构臃肿散乱，关键信息无法高 效地传达给读者。
4 一、可视化之前期准备
• 做可视化之前，最好从一个问题开始，为什么要做可视化？希望从中了解什 么?……总之，要弄清楚你进行可视化设计的目的是什么，你想讲什么样的故 事，以及你打算跟谁讲。
• 有了故事，还需要找到数据，并且具有对数据进行处理的能力，图1是一个 可视化参考模型。
5 一、可视化之前期准备
14 二、案例：大规模漏洞感知可视化设计
• 5. 优化图形
• 有了图形后，尝试把数据按属性绘制 到各维度上，不断调整直到合理。虽 然这里说的很简单，但这是最耗时耗 力的阶段。维度过多时，在信息架构 上广而浅或窄而深都是需要琢磨的， 而后再加上交互导航，使图形更“可 视”。
15 二、案例：大规模漏洞感知可视化设计
9 二、案例：大规模漏洞感知可视化设计
• 1.整体项目分析
• 对于大规模漏洞感知的可视化项目，客户的主要需求是查看全国范围内，各个行业的 漏洞分布和趋势。可以概括为三个关键词：漏洞量、漏洞变化、漏洞级别，这三个关 键词就是进行数据可视化设计的核心点，整体的图形结构将围绕这三个核心点来展开 布局。
10 二、案例：大规模漏洞感知可视化设计
• 3.匹配图形Leabharlann Baidu
• 分析清楚数据后，就要找个合适的箱子把这些“苹果”装进去。上一步，或 许还可以靠自身的逻辑能力，采集到的现成数据分析得到，而这一步更多地 需要经验和阅历。幸运的是，现在已经有很多成熟的图形可以借鉴了。从和 业务的沟通了解到，需要匹配的图形有中国地图、饼图、top图、数字、趋势 等。
• 6. 检查测试
• 最后还需要检查测试，从头到尾过一遍是否满足需求;实地投放大屏幕后，用户是否方 便阅读;动效能否达到预期，色差是否能接受; 我们用一句话描述大屏，用户能否理解。
图2 可视化设计流程
6 一、可视化之前期准备
• 一个好的流程可以让我们事半功倍，可视化的设计流程主要有分析数据、匹 配图形、优化图形、检查测试。首先，在了解需求的基础上分析要展示哪些 数据，包含元数据、数据维度、查看的视角等;其次，利用可视化工具，根 据一些已固化的图表类型快速做出各种图表;然后优化细节;最后检查测试。
• 2.分析数据
• 想要清楚地展现数据，就要先了解所要绘制的数据，如元数据、维度、元数 据间关系、数据规模等。根据需求，我们需要展现的元数据是漏洞事件，维 度有地理位置、漏洞数量、时间、漏洞类别和级别，查看的视角主要是宏观 和关联。涉及到的视觉元素有形状、色彩、尺寸、位置、方向，如图4。
11 二、案例：大规模漏洞感知可视化设计
12 二、案例：大规模漏洞感知可视化设计
• 4.确定风格
• 匹配图形的同时，还要考虑展示的平 台。由于客户是投放在大屏幕上查看， 我们对大屏幕的特点进行了分析，比 如面积巨大、深色背景、不可操作等。 依据大屏幕的特点，我们对设计风格 进行了头脑风暴：它是实时的，有紧 张感;需要新颖的图标和动效，有科技 感;信息层次是丰富的;展示的数据是权 威的。
13 二、案例：大规模漏洞感知可视化设计
• 5. 优化图形
• 有了图形后，尝试把数据按属性绘制 到各维度上，不断调整直到合理。虽 然这里说的很简单，但这是最耗时耗 力的阶段。维度过多时，在信息架构 上广而浅或窄而深都是需要琢磨的， 而后再加上交互导航，使图形更“可 视”。
大数据可视化设计案例
2 大数据可视化设计
• 大数据可视化是个热门话题，在信息安全领域，也由于很多企业希望将大数 据转化为信息可视化呈现的各种形式，以便获得更深的洞察力、更好的决策 力以及更强的自动化处理能力，数据可视化已经成为网络安全技术的一个重 要趋势。
3 一、可视化之前期准备
图1 故事+数据+设计 =可视化
7 二、案例：大规模漏洞感知可视化设计
• 图3是全国范围内，各个行业漏洞的分布和趋势，橙黄蓝分别代表了 漏洞数量的高中低。
8 二、案例：大规模漏洞感知可视化设计
• 1.整体项目分析
• 拿到项目策划时，既不要被大量的信息资料所迷惑而感到茫然失措，也不要急于完成 项目，不经思考就盲目进行设计。首先，认真了解客户需求，并对整体内容进行关键 词的提炼。可视化的核心在于对内容的提炼，内容提炼得越精确，设计出来的图形结 构就越紧凑，传达的效率就越高。反之，会导致图形结构臃肿散乱，关键信息无法高 效地传达给读者。
4 一、可视化之前期准备
• 做可视化之前，最好从一个问题开始，为什么要做可视化？希望从中了解什 么?……总之，要弄清楚你进行可视化设计的目的是什么，你想讲什么样的故 事，以及你打算跟谁讲。
• 有了故事，还需要找到数据，并且具有对数据进行处理的能力，图1是一个 可视化参考模型。
5 一、可视化之前期准备
14 二、案例：大规模漏洞感知可视化设计
• 5. 优化图形
• 有了图形后，尝试把数据按属性绘制 到各维度上，不断调整直到合理。虽 然这里说的很简单，但这是最耗时耗 力的阶段。维度过多时，在信息架构 上广而浅或窄而深都是需要琢磨的， 而后再加上交互导航，使图形更“可 视”。
15 二、案例：大规模漏洞感知可视化设计
9 二、案例：大规模漏洞感知可视化设计
• 1.整体项目分析
• 对于大规模漏洞感知的可视化项目，客户的主要需求是查看全国范围内，各个行业的 漏洞分布和趋势。可以概括为三个关键词：漏洞量、漏洞变化、漏洞级别，这三个关 键词就是进行数据可视化设计的核心点，整体的图形结构将围绕这三个核心点来展开 布局。
10 二、案例：大规模漏洞感知可视化设计
• 3.匹配图形Leabharlann Baidu
• 分析清楚数据后，就要找个合适的箱子把这些“苹果”装进去。上一步，或 许还可以靠自身的逻辑能力，采集到的现成数据分析得到，而这一步更多地 需要经验和阅历。幸运的是，现在已经有很多成熟的图形可以借鉴了。从和 业务的沟通了解到，需要匹配的图形有中国地图、饼图、top图、数字、趋势 等。
• 6. 检查测试
• 最后还需要检查测试，从头到尾过一遍是否满足需求;实地投放大屏幕后，用户是否方 便阅读;动效能否达到预期，色差是否能接受; 我们用一句话描述大屏，用户能否理解。
图2 可视化设计流程
6 一、可视化之前期准备
• 一个好的流程可以让我们事半功倍，可视化的设计流程主要有分析数据、匹 配图形、优化图形、检查测试。首先，在了解需求的基础上分析要展示哪些 数据，包含元数据、数据维度、查看的视角等;其次，利用可视化工具，根 据一些已固化的图表类型快速做出各种图表;然后优化细节;最后检查测试。
• 2.分析数据
• 想要清楚地展现数据，就要先了解所要绘制的数据，如元数据、维度、元数 据间关系、数据规模等。根据需求，我们需要展现的元数据是漏洞事件，维 度有地理位置、漏洞数量、时间、漏洞类别和级别，查看的视角主要是宏观 和关联。涉及到的视觉元素有形状、色彩、尺寸、位置、方向，如图4。
11 二、案例：大规模漏洞感知可视化设计
12 二、案例：大规模漏洞感知可视化设计
• 4.确定风格
• 匹配图形的同时，还要考虑展示的平 台。由于客户是投放在大屏幕上查看， 我们对大屏幕的特点进行了分析，比 如面积巨大、深色背景、不可操作等。 依据大屏幕的特点，我们对设计风格 进行了头脑风暴：它是实时的，有紧 张感;需要新颖的图标和动效，有科技 感;信息层次是丰富的;展示的数据是权 威的。