信息可视化

华东师范大学
2024年暑期本科生课程
理论课: 3-4节 计算机楼115
实践课: 6-9节 计算机楼217

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

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

第01天 信息可视化简介 | 可视化工具（07月01日）
    实践课内容 | 2022 GDP Data | EChart | EChart-Example | EChart-Example.zip
    D3-Gallery | 01-D3-Example | 01-D3-Example.zip
    JS教程 | JS线上学习
第02天 课程内容简介 | 视觉感知与颜色模型（07月02日）
    实践课内容 | 实践代码 | visualizing k-means clustering
第03天 可视分析 | 可视化图表简介（07月03日）
    实践课内容 | 冒泡排序练习代码 | EChart散点图练习代码 | D3散点图练习代码 | jQuery UI | AQI Data
第04天 网络图数据可视化（07月04日，今天仅实践，理论课变更到07月09日上午1、2节上）
   实践课内容 | 网络图练习代码 | 网络图编辑器 | 网络图编辑器代码 | 力导向布局示例 | 有向图示例 | 交互示例
    大脑神经元可视化 | 全球海底光缆可视化 王者荣耀角色关系可视化 | 欧洲皇室关系图 | 星系互联
第05天 文本数据可视化实践（07月05日）
    实践课内容 | Jieba | WordClouds | 案例：宋词可视化 | 案例：书籍聚类可视化 | 案例：解构藏文 | 案例：汉字星图
第06天 地理数据可视化实践（07月08日）
    实践课内容 | Leaflet官网 Leaflet示例代码 | 热力图示例代码 | 上海养老机构地理数据、疫情数据、医院数据
第07天 时空数据可视化（07月09日）
    实践课内容 | 大规模动态散点绘制例子 07-GPU-Points | AQI时序数据： t0-t3 | 风、气象、海洋可视化系统
第08天 科学数据可视化（07月10日）
    实践课内容 | WebGL示例 | WebGL示例下载 | RayCasting示例 | RayCasting示例下载 | 体绘制传输函数设置例子
第09天 大数据可视化 | 高维数据可视化（07月11日）
    实践课内容 | 实践代码下载
第10天 多媒体数据可视化 | 深度学习与可视化（07月12日）
    实践课内容 | 实践代码下载


参考书籍

  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