数据可视化是把查询结果翻译成判断力的最后一公里,做错这一步,再准的数据也无人采信。本专题覆盖:可视化原理与图表选型决策、视觉编码通道与感知规律、ECharts 图表工程、D3.js 与图形语法、AntV G2 声明式体系、Superset 自助式 BI、Metabase 轻量 BI、Tableau 与 Power BI 能力对比、仪表盘与数据大屏设计、大数据量渲染性能优化、与 OLAP 数仓的查询下推集成,以及地理、关系与网络图等专题可视化。
📚 专题导览
本专题共 18 篇,前 12 篇按「概览 → 理论 → 工程 → 平台 → 设计 → 性能 → 集成 → 专题」的顺序组织,后 6 篇为补充进阶内容(规范 → 实时 → 无障碍 → 嵌入 → 叙事 → 三维),建议按表序通读:
| 阶段 | 文章 | 技术要点 |
|---|---|---|
| 概览 | 数据可视化原理与图表选型 | 可视化目标与受众分析、图表选型决策树、常见误用 |
| 理论 | 视觉编码与感知原理 | 视觉编码通道、格式塔原则、配色与可访问性 |
| 工程 | ECharts 图表工程实战 | ECharts 配置体系、数据集管理、增量渲染与事件交互 |
| 工程 | D3.js 与图形语法 | D3.js 数据绑定、比例尺与坐标轴、图形语法思想 |
| 工程 | AntV G2 声明式图表体系 | AntV G2 声明式语法、坐标系与标记、主题定制 |
| 平台 | Superset 自助式 BI 平台 | Superset 数据集与图表、SQL Lab、权限与缓存策略 |
| 平台 | Metabase 轻量级 BI 实践 | Metabase 建模、问答式探索、嵌入式分析与定时订阅 |
| 平台 | Tableau 与 Power BI 能力对比 | Tableau 与 Power BI 能力对比、DAX 与计算字段 |
| 设计 | 仪表盘与数据大屏设计 | 仪表盘信息层级、KPI 卡片设计、大屏布局与动效 |
| 性能 | 大屏渲染性能与优化 | 大数据量渲染、Canvas 与 WebGL、虚拟化与降采样 |
| 集成 | 可视化与 OLAP 数仓集成 | 对接 OLAP 与数仓、查询下推、物化视图与预聚合 |
| 专题 | 地理关系与网络图可视化 | 地理可视化、关系图与网络图、桑基图与树图 |
| 规范 | 声明式可视化规范 Vega 与 Vega-Lite | Vega-Lite 语法与 transform、编码通道与标记、embed API、与 G2/D3 的分工 |
| 实时 | 实时与流式图表 | 增量渲染与滑动窗口、WebSocket 接入、Canvas 与 SVG 取舍、LTTB 降采样与背压 |
| 无障碍 | 可视化可访问性与配色 | 色盲友好调色板、对比度与 WCAG、连续色阶选择、冗余编码与 ARIA 替代 |
| 嵌入 | 嵌入式分析与白标集成 | 嵌入 SDK 与 iframe 取舍、行级权限与多租户、白标主题、查询下推与 SSO |
| 叙事 | 数据叙事与图表沟通 | 叙事结构与引导、注释与高亮、误导性图表识别、图表与文案配合 |
| 三维 | WebGL 与三维数据可视化 | deck.gl/three.js 数据可视化、大规模点云与轨迹、GPU 实例化与拾取、LOD 与选型边界 |