posts

数据可视化与自助 BI

数据可视化是把查询结果翻译成判断力的最后一公里,做错这一步,再准的数据也无人采信。本专题覆盖:可视化原理与图表选型决策、视觉编码通道与感知规律、ECharts 图表工程、D3.js 与图形语法、AntV G2 声明式体系、Superset 自助式 BI、Metabase 轻量 BI、Tableau 与 Power BI 能力对比、仪表盘与数据大屏设计、大数据量渲染性能优化、与 OLAP 数仓的查询下推集成,以及地理、关系与网络图等专题可视化。后续补充的 6 篇进阶内容进一步覆盖 Vega/Vega-Lite 声明式规范、实时与流式图表、可视化可访问性与配色、嵌入式分析与白标集成、数据叙事与图表沟通,以及 WebGL 三维可视化。

数据可视化是把查询结果翻译成判断力的最后一公里,做错这一步,再准的数据也无人采信。本专题覆盖:可视化原理与图表选型决策、视觉编码通道与感知规律、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-LiteVega-Lite 语法与 transform、编码通道与标记、embed API、与 G2/D3 的分工
实时实时与流式图表增量渲染与滑动窗口、WebSocket 接入、Canvas 与 SVG 取舍、LTTB 降采样与背压
无障碍可视化可访问性与配色色盲友好调色板、对比度与 WCAG、连续色阶选择、冗余编码与 ARIA 替代
嵌入嵌入式分析与白标集成嵌入 SDK 与 iframe 取舍、行级权限与多租户、白标主题、查询下推与 SSO
叙事数据叙事与图表沟通叙事结构与引导、注释与高亮、误导性图表识别、图表与文案配合
三维WebGL 与三维数据可视化deck.gl/three.js 数据可视化、大规模点云与轨迹、GPU 实例化与拾取、LOD 与选型边界

阅读建议

全部文章 Game Golang Saas Rust 游戏开发 客户端开发 GameDev TypeScript Lua Products