信息可视化旨在借助于图形化的手段，清晰有效地传达原始数据的潜在信息，帮助用户直观地理解数据并快速发现数据中的规律，从而实现对稀疏而又复杂的数据的深入洞察。在本课程中，我们将融合颜色设计理论、认知科学原理、数据挖掘、图像处理等多方面的知识，介绍有效的信息可视化技术和算法。该课程面向在开发过程中有信息可视化需求及对前端开发工具感兴趣的本科生。本课程是一门理论与实践并重的课程，注重学生编程开发能力的培养。课程PPT在每次课程结束后到超新泛雅平台的课程资料板块下载：http://ecnu.fanya.chaoxing.com。

课程安排（每天上午4-5节 | 下午6-9节）

---

第01天 信息可视化简介 | 可视化工具（07月03日）

    实践课内容 | StuData | EChart | EChart-Example | EChart-Example.zip
    D3-Gallery | D3-Example | D3-Example.zip | JS线上学习

第02天 课程内容简介 | 视觉感知与颜色模型（07月04日）

    实践课内容 | 实践代码

第03天 可视分析 | 可视化图表简介（07月05日）

    实践课内容 | 冒泡排序练习代码 | EChart散点图练习代码 | D3散点图练习代码 | jQuery UI | AQI Data

第04天 网络图数据可视化（07月06日）

   实践课内容 | 网络图练习代码 | 网络图编辑器 | 网络图编辑器代码 | 力导向布局示例 | 有向图示例 | 交互示例
    大脑神经元可视化 | 列车运行网络可视化 | 全球海底光缆可视化 王者荣耀角色关系可视化 | 权利的游戏可视化 | 欧洲皇室关系图 | 星系互联

第05天 文本数据可视化简介（07月07日）

    实践课内容 | Jieba | WordClouds | 案例：宋词可视化 | 案例：书籍聚类可视化 | 案例：解构藏文 | 案例：汉字星图

第06天 地理数据可视化（07月10日）

    实践课内容 | Leaflet官网 Leaflet示例代码 | 热力图示例代码 | 上海养老机构地理数据、疫情数据、医院数据

第07天 时空数据可视化（07月11日）

    实践课内容 | 大规模动态散点绘制例子 07-GPU-Points | AQI时序数据： t0-t3 | 风、气象、海洋

第08天 科学数据可视化 | 医学数据可视化 | 课后作业点评（07月12日）

    实践课内容 | WebGL示例 | WebGL示例下载 | RayCasting示例 | RayCasting示例下载 | 体绘制传输函数设置例子

第09天 上午调课 | 下午照常进行（07月13日）

    实践课内容 | 实践代码下载

第10天 高维数据可视化 | 交互与评估 | 大数据可视化（07月14日）

    实践课内容 | 实践代码下载 | MUI

第11天 多媒体数据可视化 | 可视化与深度学习（07月17日）

    常见算法可视化 1 | 常见算法可视化 2 | 神经网络可视化 | CNN可视化示例1 | CNN可视化示例2 | GAN Visualization

第12天 期末项目汇报（07月18日）

   

参考书籍

---

1. 可视化导论. 陈为等. 高等教育出版社.
2. The Visual Display of Quantitative Information (2nd Edition). E. Tufte. Graphics Press.
3. The Grammar of Graphics. Leland Wilkinson, Springer.

课程资料

---

1. 可视化工具： EChart | D3 | Vega | AntV

课程要求

---

1. 出勤及课堂讨论 (10%)
2. 上机实践表现 (20%)
3. 课后实践作业 (20%)
4. 期末成绩 (50%)

授课老师

---

李晨辉副教授 (可通过邮件方式与老师联系)： chli@cs.ecnu.edu.cn