本文作者使用Matplotlib绘制色度图与光谱曲线,但该库仅支持sRGB色域,导致所有色域外青色、绿色在图中无法正确显示;这一限制被用来直观说明屏幕与打印无法呈现自然界高饱和色彩的问题,强化文章核心论点。
寻找屏幕上无法显示的色彩
Matplotlib
本文作者使用Matplotlib绘制色度图与光谱曲线,但该库仅支持sRGB色域,导致所有色域外青色、绿色在图中无法正确显示;这一限制被用来直观说明屏幕与打印无法呈现自然界高饱和色彩的问题,强化文章核心论点。
Matplotlib
本文将哈里·贝克描述为1933年伦敦地铁新地图的设计者。他放弃地理位置精确性,转而把地铁网络画成电路图式的彩色线路与均匀站点,解决了中心区站点密集导致的阅读困难。文章以此为例说明,科学范式转变需要创造全新概念框架,而非仅在原有地图上叠加更多细节,这与AI需助力颠覆性而非渐进式发现的主题直接相关。
Harry Beck
Mermaid 是 Obsidian 纳入的较大第三方库之一。文章指出,对于这类库,团队会使用已知良好的版本锁定文件,仅在安全修复需要时才偶尔升级。他们会逐行阅读更新日志、检查上游变更并进行充分测试,以保持依赖图浅且可控,降低供应链攻击风险。
Mermaid
本文结尾提到 MinusX 可为 Metabase 提供类似 Claude Code 的可训练数据代理。作者将 Claude Code 的简洁控制回路、工具设计与提示策略应用到 BI 场景,目标是让用户通过自然语言在 Metabase 中完成复杂数据任务。
Metabase
ArcGIS Pro在本文中被作者提及,因其仅原生支持Windows,导致作者工作站采用Windows 11而非纯Linux环境,以便同时兼容Nvidia GTX 1080驱动与该软件的运行需求。
ArcGIS Pro
文章提到 Claude Artifacts 支持 Mermaid 格式,其 MIME 类型为 application/vnd.ant.mermaid。用户界面会直接渲染放在 artifact 标签内的 Mermaid 代码,且明确要求不要将其放入代码块中。这是系统提示中关于可视化产物支持格式的一部分,用于生成图表类内容。
Mermaid
Amelia Wattenberger近期发表文章,主张未来界面需增加触觉摩擦、支持多模态交互并改变输入反馈方式。本文在分析历史演示后回到她的观点,指出这些想法虽有价值但难以在大众市场推广。
Amelia Wattenberger
本文作者Amelia Wattenberger分析了数字界面从物理操作逐步扁平化的历程。她指出当前界面过度适配计算机而忽略人体感官,主张恢复动作、声音、视觉等多模态交互。她分享了自己对思维组织工具的原型探索,该工具可将语音或文字想法自动整理成卡片,并支持自然语言命令进行重组。
Amelia Wattenberger
本文介绍的在线工具,用于生成适合图表和仪表盘的色彩方案,支持通过指定端点颜色自动创建视觉平衡的中间色。工具提供多色相调色板、单色相色阶和双向色阶三种模式,可直接导出HEX值或SVG文件。用户可将品牌色作为端点,同时通过调整HSB参数优化区分度。
Data Color Picker
本文介绍该比例为图表中有用数据墨水与总墨水的比值,主张通过增加有用数据或移除冗余元素来接近 1。作者指出其核心是信息密度而非单纯视觉密度,并以此类比 UI 中的设计决策,提出“设计密度”概念以衡量界面传达意义的效率。
Data-Ink Ratio
本文引用 Edward Tufte 的这本书作为信息密度讨论的起点,书中强调图表中每一点墨水都应传递新信息,并提出通过最大化数据墨水比例来提升可视化效率。作者以此为基础,将类似思路扩展到 UI 设计中,探讨如何在界面中平衡信息量与非必要元素。
The Visual Display of Quantitative Information
文中多次引用其著作《定量信息的视觉展示》,提出“数据墨水”与“收缩原则”,并以1885年巴黎至里昂火车时刻表为例展示高信息密度实践。作者借此将图表设计思路扩展到界面整体,奠定了信息密度与设计密度的理论基础。
Edward Tufte
本文标题与URL显示目标页面主题为将图像转换为等高线地图,但提供的正文仅包含从/posts/turn-images-into-contour-maps/到https://benjdd.com/turn-images-into-contour-maps/的重定向提示,未包含任何关于Contour Map的具体描述或操作细节。
Contour Map
本文对比The New York Times 1851年创刊时的巨额成本与Stratechery低成本高触达,指出其已成功转向直接面向读者订阅模式,而多数报社仍困于印刷分发成本。文章用此说明互联网让个人创作者可与传统媒体平等竞争注意力。
The New York Times
本文第46条推荐添加Sparkline,引用indieweb.org定义,用于可视化展示个人网站博文发布的频率趋势。
Sparkline
文中《纽约时报》正大力押注游戏业务,将其视为吸引订阅用户和提升收入的关键渠道。公司通过收购Wordle、开发Connections等游戏,构建订阅套餐,已突破1000万订阅目标,计划2027年底达到1500万。游戏被内部戏称为公司新核心,而新闻则成为附属产品。
The New York Times
Spotify Wrapped是Spotify每年发布的个性化听歌数据总结活动。本文聚焦2023年版本,其视觉形象放弃对称与精确,转而采用流动、有机的形状与色彩,灵感来自文化消费的混沌感以及线上线下生活的模糊边界。
Spotify Wrapped
文章多次提及作者开发的 MarkChart 应用,支持 Mermaid 流程图、时序图等图表的预览、编辑与导出,覆盖 macOS、iOS 和 iPadOS 平台。
Mermaid
OpenStreetMap 在文中作为街道几何数据源,通过 Mapbox API 与 Houdini Labs 工具获取并叠加到 Google Maps 模型上。作者用其生成旧金山场景的街道网络,支持数十万物体的避障群集模拟。该步骤被标记为非必需但有助于探索数据融合。
OpenStreetMap
本文中Graphviz仅出现在作者推广的DotChart应用描述里。该Mac应用支持预览DOT与Graphviz格式的图表,提供实时编辑更新、截图捕捉和Quick Look集成等功能。与文章核心的iOS 17二进制语言分析无直接关联,仅作为结尾的附属推广内容出现。
Graphviz
本文作者,斯坦福大学计算机科学教授。他尝试用 DALL-E 2 生成个人主页照片,并通过多次迭代提示词试图生成斯坦福主四合院在《银翼杀手》风格下的图像,但最终未能获得满意结果。文章以此为例,讨论生成式 AI 缺乏可预测概念模型的问题。
Maneesh Agrawala
文章核心讨论对象,指Dark Sky应用中使用的温度条形图、降水强度分类图与风暴路径图。这些可视化保留真实量级、用箭头替代文字,并随用户情境动态调整,帮助用户快速理解天气趋势而非仅阅读数字。
数据可视化
Nightingale 是本文的发布平台,专注于数据可视化主题。本文以此平台发表,系统梳理了 Dark Sky 应用如何通过优秀信息设计实现天气数据的实用价值。
Nightingale
OpenStreetMap在文中被提及为开源地图选项,具有成本低但数据完整性和准确性存在不足的特点。Waze前CEO指出它无法完全满足导航需求,因此Waze仍选择自建原始地图数据而非依赖该开源方案。
OpenStreetMap
Casey Newton 正与《纽约时报》合作推出每周科技播客,搭档 Kevin Roose,首集定于 10 月 7 日推出。他还多次引用该报报道,并指出某起儿童性侵材料案件已获其充分覆盖。本文将其视为 Platformer 向多媒体扩展的重要伙伴。
The New York Times
本文多次推荐Viz Palette作为测试分类颜色调色板的工具,可检查颜色在不同大小、色盲用户下的可区分性,并提供颜色报告和命名冲突提示。
Viz Palette
本文未提及Figma,未提供与本文主题相关的任何信息或用法描述。
Figma
本文把分级统计地图作为连续或发散色阶的应用场景,强调色阶需覆盖较大明度范围并可微调色相,以便在地图上清晰区分数据值差异。
Choropleth Map
本文作者,撰写了关于数据可视化风格指南中颜色使用的详细指南。她系统梳理了组织颜色调色板的创建方法,包括四种不同方法、需定义的颜色类型及选择时的注意事项,并提供了实际案例和流程建议。
Lisa Charlotte Muth
Datawrapper是本文发布方与博客平台。作为组织示例,它选择不采用固定配色方案,以便展示工具的多样可能性。其可视化常使用不同颜色,强调灵活性而非严格品牌一致性。
Datawrapper
The Pudding是项目驱动可视化的例子。其作品常为大型设计项目,字体、背景与颜色随项目变化,不追求组织级配色一致。该案例说明当视觉身份由单个项目主导时,固定配色并非必需。
The Pudding
《纽约时报》是无需严格固定配色的典型。其可视化使用不同颜色,但通过标志性Cheltenham字体保持品牌识别。文章指出,当其他视觉元素足够强时,颜色一致性可退居其次。
The New York Times
文章详细说明组织级颜色调色板的创建方法,包括四种不同策略(全面准备、少色多阶、多色少阶、最简主义)、品牌色融入方式、色阶定义及无障碍测试,目的是让图表既美观又易区分。
Color Palette
本文资源部分推荐了他的数据可视化风格指南收藏列表,作为进一步参考资料来源之一。
Jon Schwabish
本文指出可使用Chroma.js Color Palette Helper工具创建顺序和发散渐变色,方便生成具有宽亮度范围且易于区分的颜色梯度。
Chroma.js
本文在讨论如何在数据可视化工具中设置默认颜色时提及ggplot2,建议将组织颜色定义为命名向量,以便用户在R环境中直接调用这些颜色创建图表。
ggplot2
文中指出定位地图需单独定义森林、水体、建筑等地图元素颜色,这些颜色应保持低饱和度,以便在上面叠加标记时保持高对比度。
Locator Map
本文核心主题是数据可视化风格指南,重点讲解如何制定组织统一的颜色规范,以提升品牌识别、跨工具一致性和非专业人员制图效率,同时讨论是否必须固定调色板的利弊。
Data Visualization Style Guide
本文资源部分提及,她曾就数据可视化风格指南中的品牌颜色创建发表过演讲和文章,并发起了一份收集数据可视化风格指南的Google表格。
Amy Cesal
文中说明折线图适合展示时间序列趋势,但当数据更新不频繁(如年度收入按月更新)时,连接线会误导用户以为代表实际值;此时改用垂直柱状图更合适。
时间序列
文章第1点中引用作者另一篇仪表盘设计文章,指出通过该文可学习如何根据数据特点选取合适图表类型并设计有效仪表盘,作为本文规则的延伸阅读。
仪表盘设计
文章指出饼图虽常用却易误用,建议最多显示5-7个扇区,可将最小分段归入“Other”类别;需直接在图上标注数值并按降序排列扇区,避免将标签叠加在扇区上以提升可读性。
饼图
文中多次推荐柱状图作为替代方案,如数据更新不频繁时优于折线图、饼图切片过多时用柱状图展示、水平柱状图可避免标签旋转等。强调从大到小排序并从零基线开始,以减少误读。
柱状图
本文主题是数据可视化在数据驱动应用中的应用,作者给出20条实用建议以避免图表混淆或误导用户。内容涵盖选择图表类型、基线设置、颜色与排版等要点,强调从数据本身出发并兼顾可访问性。
数据可视化
作者指出折线图适合展示时间序列趋势,但需自适应Y轴比例以突出变化,避免平滑处理和双轴混用;当数据更新稀疏时建议改用垂直柱状图,以免用户误以为连线代表实际数值。
折线图
本文作者,他在文章中系统提出20条改进数据可视化的具体规则,并链接自己此前关于仪表盘设计的文章作为补充阅读。作者强调从用户访谈和数据审查出发,避免常见误用场景。
Taras Bakusevych
文章警告双轴图易造成误导,用户常忽略不同刻度而得出错误结论;建议用两个独立图表替代,以避免同一图中比较两个量级差异大的数据系列。
双轴图
文中提到环形图(甜甜圈图)在移除中心后虽可腾出空间,但过度变薄会严重降低清晰度,使相近数值难以比较,极端情况下会让图表失去实用价值。
环形图
文中推荐ColorBrewer工具,用于生成定性、顺序或发散等多种配色方案,帮助设计师快速获得符合数据特性的无障碍颜色组合。
ColorBrewer
文章结尾推荐阅读Dona M. Wong所著《The Wall Street Journal Guide to Information Graphics》,并说明本文诸多设计思路均受该书启发,适合希望深入了解数据可视化的人参考。
Dona M. Wong