可视化教程

一个面向零基础学习者和可视化工程师的静态教程，内容从数据分析任务、视觉编码与浏览器绘图开始，逐步覆盖交互分析、性能优化、地理空间、3D 与现代 GPU 可视化。

项目目前包含 34 节课程和 26 个可直接运行的交互示例。

本地运行

本项目无需安装依赖或执行构建。可直接打开 index.html，也可以在项目根目录启动一个本地静态服务器：

python -m http.server 8000

然后访问 http://localhost:8000。

部分示例通过 CDN 加载 D3、ECharts、Vega-Lite、MapLibre、deck.gl 或 Three.js，运行这些示例时需要网络连接。

项目结构

.
├─ index.html          # 教程首页
├─ assets/             # 全站样式、脚本、图标和共享数据
├─ lessons/            # 发布后的课程 HTML 页面
├─ content/lessons/    # 与课程对应的 Markdown 源内容
├─ examples/           # 可独立打开的交互示例
├─ scripts/            # 课程完整性检查脚本
└─ docs/               # 设计与实施记录

内容校验

在 PowerShell 中运行：

.\scripts\check-curriculum.ps1

脚本会检查课程与示例文件、编号、导航注册、页面结构和本地链接。校验成功时会输出 curriculum-check-ok。

修改内容

• 全站样式与公共交互位于 assets/。
• 每节课程同时维护 content/lessons/ 中的 Markdown 内容和 lessons/ 中的发布页面。
• 新增已发布课程或示例时，需要同步更新 assets/site.js、首页内容和 scripts/check-curriculum.ps1 中的注册信息。
• 修改完成后请运行内容校验，并在浏览器中检查相关页面和交互。