Skip to content 跳到章节
可视化的一切

W 方式

二十本实用手册——对比、网格、Mermaid、ECharts、D3、Lucide 等——带有许可证和 GitHub 链接。

A11Y WCAG 对比检查

在发货前检查文本和背景对比度 - 幻灯片、网站和海报的最快可访问性获胜。

打开 →

PAL 调色板和比例生成器

构建分类、顺序和发散的调色板,经得起印刷和色盲观看。

打开 →

Aa 版式比例

选择模块化的字体比例,这样标题、正文和说明文字就不会在幻灯片和单页纸上相互冲突。

打开 →

GRID 幻灯片和文档网格

将每个块与一个简单的网格对齐,这样报告、宣传和海报就可以在没有设计师的情况下看起来是有意为之的。

打开 →

CHOOSE 数据到图表的决策

在打开任何工具之前,将问题与编码相匹配 - 比较、趋势、部分与整体、相关性。

打开 →

MM 美人鱼文字图

用纯文本编写流程图或序列 - 可版本控制、可审阅,并且通过 Mermaid 免费。

打开 →

SEQ 序列图模式

显示谁在不同时间与谁交谈 - API、切换和协议的办公室和教室模式。

打开 →

SKETCH Excalidraw 草图线框

在抛光之前使用 Excalidraw 勾勒出想法 - 手绘的清晰度胜过过早的像素工艺。

打开 →

EC Apache ECharts 仪表板

使用 Apache ECharts 交付交互式办公仪表板 - Apache-2.0,巨大的图表目录,无专有抓取。

打开 →

CJ Chart.js 快速图表

当您现在需要网络图表而不是平台时,将 Chart.js 放入页面中以获得诚实的条形图和线条。

打开 →

D3 D3定制工艺

当模板中不存在编码时,请使用 D3 - 完全控制,工艺成本较高。

打开 →

VL Vega-Lite 语法

使用 Vega-Lite 声明 JSON 中的编码 - 可重现的图表,用于教授图形语法。

打开 →

PLOT 可观察绘图套件

使用 Observable Plot 绘制整洁的表格 - 简洁,ISC 许可,并且对分析解释者友好。

打开 →

ROUGH Rough.js 注释

使用 Rough.js 笔画进行注释和强调 - 通过人性化的标记而不是镶边进行说服。

打开 →

SANK 桑基流故事

通过 Sankey 讲述数量如何在不同阶段之间移动 - 预算、漏斗和能源故事。

打开 →

NET 网络图

使用开放图形库将关系映射为节点和链接(团队、引用、依赖关系)。

打开 →

MAP 等值线故事地图

通过开放的地理堆栈和诚实的色标,按比率(选举、健康、销售)对区域进行着色。

打开 →

ICO 打开图标系统

选择一个打开的图标集并坚持使用 - 一致的隐喻胜过套牌和产品中的混合剪贴画。

打开 →

CV 简历信息图表食谱

构建一页视觉简历:网格、字体比例、诚实的技能栏、开放图标 - 没有剪贴画转储。

打开 →

QBR 季度报告视觉效果

可重复的季度包:瀑布桥、趋势线、对比安全类型、每张幻灯片一个想法。

打开 →