当前位置: 首页 > news >正文

CS5346 - Annotation in Visualization (可视化中的注释)

文章目录

  • Annotation 的重要性
  • Levels of Annotation (注释的层级)
  • Headings and Introduction
    • Headings(标题)
      • 陈述型(Statement):突出结论或有趣发现
      • 疑问型(Question):激发好奇心
      • 描述型(Descriptive):陈述图表所示内容
      • 艺术型(Artistic):富有创意与吸引力
    • Introductions(引言)
  • Labelling and Captions(标签和图注)
  • User Guide and Legent(用户指南和图例)
    • User Guide (用户指南)
    • Reader Guide(读者指南)和 User Guide 的区别
    • Legends(图例)
    • Legent v.s. User Guide v.s. Reader Guide
  • Chart Apparatus and References (图表装置和参考)
    • Chart Apparatus(图表装置)
    • Chart References(图参考线)
  • Footnotes and Methods(脚注和方法)
  • Key takeaways of Annotation(要点总结)

Annotation 的重要性

在这里插入图片描述
在这里插入图片描述

Levels of Annotation (注释的层级)

  • 注释的两大层级
    (1)项目级注释 Project Annotations: 用于引导观众理解项目目的和导航方式。
    (2)图表级注释 Chart Annotations:强调关键洞察、趋势、模式,帮助观众正确解读数据。

Headings and Introduction

在这里插入图片描述

Headings(标题)

在这里插入图片描述目的:

  • 清晰地告知观众他们将要看到什么。

  • 通过在前期提供背景信息来为参与做好准备。

措辞提示:

  • 将标题构建为引人好奇的问题,以激发兴趣。

  • 强调一个关键的见解或发现,立即引起兴趣。

通常使用四种类型的 headings

陈述型(Statement):突出结论或有趣发现

在这里插入图片描述

疑问型(Question):激发好奇心

在这里插入图片描述

描述型(Descriptive):陈述图表所示内容

在这里插入图片描述

艺术型(Artistic):富有创意与吸引力

在这里插入图片描述

Introductions(引言)

  • 引言的目标(purpose):
    • 超越标题,以更清晰地了解项目
    • 帮助观众理解作品的动机、相关性和关键见解
  • 引言内容(include):
    • 项目动机、意义
    • 分析方法
    • 核心结论

在这里插入图片描述

Labelling and Captions(标签和图注)

  • 轴标题 Axis Titles:简明描述数据含义

  • 轴刻度 Axis Scales:设定参考点

  • 数值标签 Value Labels:显示具体数值

  • 图注 Captions:提供背景或趋势解释
    在这里插入图片描述

User Guide and Legent(用户指南和图例)

在这里插入图片描述

User Guide (用户指南)

在这里插入图片描述
用户指南(User Guide)的重要性:

  • 互动可视化通常包括多种探索和分析功能。

  • 精心制作的指南确保用户能充分利用可用工具。

用户指南的目的:

  • 提供互动元素的逐步演示。

  • 帮助用户了解如何探索、过滤和操作数据。

  • 赋予用户控制体验并提取有意义的见解。

Reader Guide(读者指南)和 User Guide 的区别

在这里插入图片描述
在这里插入图片描述

Legends(图例)

图例是图表中的“解码工具”,用于说明图中的颜色、形状、线型、符号等视觉编码的含义。
在这里插入图片描述
在这里插入图片描述

Legent v.s. User Guide v.s. Reader Guide

在这里插入图片描述

  • 一言以蔽之:Legend 是“视觉元素的说明书”,Reader Guide 是“如何理解这张图”,User Guide 是“如何动手玩这张图”。

Chart Apparatus and References (图表装置和参考)

Chart Apparatus(图表装置)

在这里插入图片描述

在这里插入图片描述

Chart References(图参考线)

在这里插入图片描述

在这里插入图片描述

Footnotes and Methods(脚注和方法)

这部分是可视化中对数据来源、分析方法、创作信息等的说明性文本,一般位于图表下方或边角,格式较小但内容重要。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Key takeaways of Annotation(要点总结)

在这里插入图片描述

  • annotation 之所以重要,是因为他可以帮助提高图表清晰度、提高图表的 storytelling 能力以及 user 的参与度
  • 通过类似于 footnote 这些信息,使得图表的来源更透明,更让读者和使用者信任
  • annotation 使用的原则
    • 了解您的受众:根据他们的知识水平和需求定制注释。
    • 定义目的:设定正确的基调并引导用户体验。
    • 保持清晰简洁:避免不必要的混乱,突出关键见解。

相关文章:

  • 【Python爬虫】简单案例介绍3
  • 详细解读 box-sizing: border-box;
  • 大模型——Crawl4AI入门指南
  • 【高性能缓存Redis_中间件】三、redis 精通:性能优化与生产实践
  • 从零开始:前端开发者的SEO优化入门与实战
  • 如何在服务器上搭建mail服务器邮件服务器
  • obsidian写文章的图床设置方法
  • 应用分享:基于 Grounding DINO 的智能膳食助手如何推进健康信息学发展
  • Qt样式表(窗口、按钮之类,有图片和代码详细注释)
  • Windows单机模拟MySQL主从复制
  • Spring MVC 全栈指南:RESTful 架构、核心注解与 JSON 实战解析
  • 什么是Lodash
  • Linux 常用命令 - ip 【显示和配置网卡参数】
  • 【深度学习】自定义实现DataSet和DataLoader
  • zlm启用webrtc交叉编译指南
  • [免费]SpringBoot+Vue外卖(点餐)平台系统【论文+源码+SQL脚本】
  • 「出海匠」借助CloudPilot AI实现AWS降本60%,支撑AI电商高速增长
  • 鸿蒙开发-动画
  • C++核心机制-this 指针传递与内存布局分析
  • 读者、写者问题优化
  • 一季度全社会用电量同比增长2.5%,3月增速显著回升
  • 道客网络陈齐彦:技术无界化,开源让AI变成了“全民食堂”
  • 关于沪泰创新合作,泰州市委书记姜冬冬谈到了三个“合”
  • 中共中央台办、国务院台办在南京举办台商代表座谈会
  • 工作坊|早期左翼文学的多重张力与历史回响
  • 白宫称没接到中方电话,美媒:高估了关税对中国的影响力