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

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 使用的原则
    • 了解您的受众:根据他们的知识水平和需求定制注释。
    • 定义目的:设定正确的基调并引导用户体验。
    • 保持清晰简洁:避免不必要的混乱,突出关键见解。

相关文章:

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

文章目录 Annotation 的重要性Levels of Annotation (注释的层级)Headings and IntroductionHeadings(标题)陈述型(Statement):突出结论或有趣发现疑问型(Question)&…...

如何开发一套场外个股期权交易系统?个股期权交易软件包含:询价,报价,交易,持仓,行权,账户盈亏统计等

一、场外个股期权的定义与特点 场外个股期权(Over-the-Counter Equity Option)是一种由交易双方私下协商的非标准化金融衍生品合约,以特定个股为标的资产。与交易所上市的标准化期权不同,其合约条款(如行权价、到期日…...

高速电路中的电阻、电容的选型及应用

2.1 电阻的应用 2.1.1 与电阻相关的经典案例 如果说芯片是电路的骨架,那么电阻就是在芯片之间起连接作用的关节。电阻的阻值、布放位置等,对设计的成功起着至关重要的作用。 【案例2.1】串联电阻过大,导致板间告警失败 某产品由业务板和主…...

六、adb通过Wifi连接

背景 收集是荣耀X40,数据线原装全新的,USB连上之后,老是断,电脑一直叮咚叮咚的响个不停,试试WIFI 连接是否稳定,需要手机和电脑用相同的WIFI. 连接 1.通过 USB 连接手机和电脑(打开USB调试等这些都略过) adb device…...

Java新手村第二站:泛型、集合与IO流初探

文章目录 Java新手村第二站:泛型、集合与IO流初探泛型包装类集合IO流函数式接口和Lambda表达式 Java新手村第二站:泛型、集合与IO流初探 泛型 泛型的概念与作用: 核心目的:在编译期提供类型安全检查,避免运行时的 Cla…...

AT_abc398_e [ABC398E] Tree Game 题解

题目传送门 题目大意 题目描述 本题是一道交互题(你的程序需要通过输入输出与评测系统进行交互)。 给定一棵包含 N N N 个顶点的树 G G G,顶点编号为 1 1 1 至 N N N。第 i i i 条边连接顶点 U i U_i Ui​ 和 V i V_i Vi​。 你和…...

CSI-external-provisioner

main() 这段Go代码是一个CSI(容器存储接口)Provisioner(供应器)的实现,用于在Kubernetes集群中动态提供持久卷。代码涉及多个组件和步骤,下面是对关键部分的解释: 初始化和配置 命令行标志和…...

android中dp和px的关系

关于android的dp和px的关系是我刚开始学习android的第一个知识点,不知不觉学安卓也有一年了,但是偶然间我发现我理解的dp和px的关系一直是错的,真的是有一点搞笑,今天特意写一篇博客纪念一下这个我理解错一年的知识点。 dp和px之间…...

‌DeepSeek模型在非图形智能体的应用中是否需要GPU

答:不一定 概念 1、是否需要GPU与应用是否图形处理应用无关 2、文本内容智能体大多也需要GPU来提供更好的性能 3、‌DeepSeek模型在非图形智能体的应用中是否需要GPU取决于具体的模型版本和部署环境 不需要GPU的模型版本 ‌DeepSeek-R1-1.5B‌: 这…...

4.14代码随想录第四十三天打卡

图论理论基础 https://www.programmercarl.com/kamacoder/%E5%9B%BE%E8%AE%BA%E7%90%86%E8%AE%BA%E5%9F%BA%E7%A1%80.html 98. 所有可达路径 (1)题目描述: (2)解题思路: #include <iostream> #include <vector> #include <list> using namespace std;vec…...

【视频目标分割论文集】Efficient Track Anything0000

github 摘要 视频对象分割和追踪任意目标领域出现了强大的工具——分割任意模型 2&#xff08;SAM 2&#xff09;。SAM 2 实现令人印象深刻的视频对象分割性能的关键组成部分包括用于帧特征提取的大型多阶段图像编码器&#xff0c;以及存储过去帧记忆上下文以辅助当前帧分割的…...

码率自适应(ABR)决策的直播场景

直播场景 1. 直播场景的普遍框架与工作原理 主播端&#xff1a;即各类主播&#xff08;游戏、网红歌手、户外达人等&#xff09;&#xff0c;通过手机端或者个人电脑在线直播录制个人活动。 编码服务器&#xff1a;主播端上传视频流以后&#xff0c;编码服务器根据相应的编码转…...

SCP-Firmware安全通告:CVE-2024-11863和CVE-2024-11864

安全之安全(security)博客目录导读 目录 一、概述 二、CVE详情 三、受影响产品 四、修复建议 五、致谢 六、版本历史 一、概述 在SCP固件(SCP-Firmware)中发现两处安全漏洞&#xff0c;可能允许普通世界特权软件&#xff08;normal world privileged software&#xff…...

Redis高频面试题(含答案)

当然可以,Redis 是面试中非常常见的高频考点,尤其在后台开发、分布式系统、缓存设计等方向,面试官常常通过 Redis 来考察你的高并发处理能力、系统设计能力和对缓存一致性理解。 以下是一些典型 Redis 的面试场景题目类型和你可以如何回答的思路: ✅ 一、基础使用类问题 …...

双按键控制LED(中断优先级)

1.启动时&#xff0c;两个LED灯熄灭&#xff0c;1秒钟后&#xff08;定时器实现&#xff09;&#xff0c;LED自动点亮&#xff1b; 2.按键1按下后&#xff0c;通过中断int0把两个LED熄灭5s时间&#xff0c;int0优先级设置为最高&#xff08;优先级必须设置&#xff0c;设置后才…...

(四)机器学习---逻辑回归及其Python实现

之前我们提到了常见的任务和算法&#xff0c;本篇我们使用逻辑回归来进行分类 分类问题回归问题聚类问题各种复杂问题决策树√线性回归√K-means√神经网络√逻辑回归√岭回归密度聚类深度学习√集成学习√Lasso回归谱聚类条件随机场贝叶斯层次聚类隐马尔可夫模型支持向量机高…...

代码随想录第17天:二叉树

一、二叉搜索树的最近公共祖先&#xff08;Leetcode 235&#xff09; 由于是二叉搜索树&#xff0c;节点的值有严格的顺序关系&#xff1a;左子树的节点值都小于父节点&#xff0c;右子树的节点值都大于父节点。利用这一点&#xff0c;可以在树中更高效地找到最低公共祖先。 c…...

超越CUDA:ROCm与oneAPI在异构计算中的性能对比实验(国产GPU生态下的开发路径探索)

一、异构计算生态的竞争格局 当前异构计算领域呈现“一超多强”格局&#xff1a;英伟达凭借‌CUDA生态‌占据90%以上的AI训练市场份额‌&#xff0c;而AMD的‌ROCm‌与英特尔的‌oneAPI‌通过差异化技术路线持续挑战其垄断地位。二者在国产GPU生态建设中展现出独特价值—— R…...

全新电脑如何快速安装nvm,npm,pnpm

以下是全新电脑快速安装 nvm、npm 和 pnpm 的详细步骤&#xff0c;覆盖 Windows/macOS/Linux 系统&#xff1a; 一、安装 nvm&#xff08;Node Version Manager&#xff09; 1. Windows 系统 下载安装包&#xff1a; 访问 nvm-windows 官方仓库&#xff0c;下载 nvm-setup.ex…...

面试篇 - GPT-1(Generative Pre-Training 1)

GPT-1&#xff08;Generative Pre-Training 1&#xff09; ⭐模型结构 Transformer only-decoder&#xff1a;GPT-1模型使用了一个12层的Transformer解码器。具体细节与标准的Transformer相同&#xff0c;但位置编码是可训练的。 注意力机制&#xff1a; 原始Transformer的解…...

测试用例如何编写

综合起来&#xff0c;做测试用例时&#xff0c;需要考虑两个方面&#xff08;主要配合接口测试&#xff09; ①页面上显示的数据是从哪里来的&#xff0c;是否有全部显示 -- 简单来说就是数据效验②页面上显示的数据是否有交互/依赖&#xff08;操作的先后顺序会影响页面显示的…...

读者、写者问题优化

#include <stdio.h> #include <time.h> #include <stdlib.h> #include <unistd.h> #include <pthread.h> #include <semaphore.h> #define NUM_READERS 5 #define NUM_WRITERS 5 // 定义信号量和全局变量 sem_t sdata, srcount; int rea…...

AI推理强,思维模型也有功劳【60】启发式偏差思维

giszz的理解&#xff1a;你以为你以为的&#xff0c;就是对的吗&#xff1f;以谨慎的心态去面对不确定&#xff0c;保持空杯心态&#xff0c;不要因走捷径而出现偏差。 一、定义 启发式偏差思维模型是指人们在面对复杂问题或不确定情境时&#xff0c;倾向于使用启发式&#xf…...

【从零实现高并发内存池】内存池整体框架设计 及 thread cache实现

&#x1f4e2;博客主页&#xff1a;https://blog.csdn.net/2301_779549673 &#x1f4e2;博客仓库&#xff1a;https://gitee.com/JohnKingW/linux_test/tree/master/lesson &#x1f4e2;欢迎点赞 &#x1f44d; 收藏 ⭐留言 &#x1f4dd; 如有错误敬请指正&#xff01; &…...

3.6 函数图像描绘

1.函数描图步骤 2.渐进性 2.1 水平渐进线 2.2 垂直渐进线 2.3 斜渐近线 3.作图...

从零开始:前端开发者的SEO优化入门与实战

从零开始&#xff1a;前端开发者的SEO优化入门与实战 一、SEO是什么&#xff1f;——给网站写一份“高颜值简历” 想象一下&#xff0c;你精心装修了一家米其林餐厅&#xff0c;但食客们却找不到门牌号&#xff0c;甚至地图上连个定位都没有——这大概就是网站不做SEO的下场。…...

电商中的订单支付(内网穿透)

支付页面 接口文档 Operation(summary"获取订单信息") GetMapping("auth/{orderId}") public Reuslt<OrderInfo> getOrderInfo(Parameter(name"orderId",description"订单id",requiredtrue) PathVaariable Long orderId){OrderI…...

ESP32开发之ubuntu环境搭建

1. 在Ubuntu官网下载Ubuntu server 20.04版本https://releases.ubuntu.com/20.04.6/ 2. 在vmware下安装Ubuntu 3. 改Ubuntu静态IP $ sudo vi /etc/netplan/00-installer-config.yaml# This is the network config written by ‘subiquity’ network: renderer: networkd eth…...

2025年,HarmonyOS认证学习及考试

HarmonyOS应用开发者认证考试 基础认证 通过系统化的课程学习&#xff0c;熟练掌握 DevEco Studio&#xff0c;ArkTS&#xff0c;ArkUI&#xff0c;预览器&#xff0c;模拟器&#xff0c;SDK 等 HarmonyOS 应用开发的关键概念&#xff0c;具备基础的应用开发能力。 高级认证…...

空间信息可视化——WebGIS前端实例(一)

技术栈&#xff1a;原生HTML 源代码&#xff1a;CUGLin/WebGIS: This is a project of Spatial information visualization 4 全国贫困县可视化系统 4.1 系统设计思想 党的十九大报告明确指出,要“确保到2020年我国现行标准下农村贫困人口实现脱贫,贫困县全部摘帽,解决区域…...