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

课程安排(每天6-9节)


第01天 信息可视化简介 | 可视化工具(07月04日)
    实践课内容 | StuData | EChart | EChart-Example | EChart-Example.zip | JS线上学习
第02天 课程内容简介 | 视觉感知与颜色模型(07月05日)
    实践课内容 | 实践代码
第03天 可视分析 | 网络图数据简介(07月06日)
    实践课内容 | 冒泡排序练习代码 | 散点图练习代码 | 网络图练习代码
第04天 网络图数据可视化 | 层次数据可视化(07月07日)
   实践课内容 | jQuery UI示例代码 | 力导向布局示例 | 时序图示例 | 有向图示例 | 交互示例 | 网络图编辑器示例 | 网络图编辑器代码
第05天 文本数据可视化 | 数据爬取 | 地图编程实践(07月08日)
    实践课内容 | Leaflet地图示例代码 | 上海疫情数据 | Wordle | WordClouds
第06天 地理数据可视化(07月11日)
    实践课内容 | MapBox地图示例代码 | 热力图示例代码 | 上海养老机构地理数据
第07天 大数据可视化 | 高维数据可视化(07月12日)
    实践课内容 | 实践课代码
第8天 科学可视化 | 医学可视化 | 交互与评估(07月13日)
    实践课内容 | WebGL示例 | WebGL示例下载 | RayCasting示例 | RayCasting示例下载 | 传输函数示例 | 传输函数示例源码 | 体数据生成器
第9天 多媒体数据可视化 | AI与可视化 | 课后大作业点评(07月14日)
   实践课内容 | 实践代码 | 常见算法可视化 1 | 常见算法可视化 2 | 神经网络可视化 | CNN可视化示例1 | CNN可视化示例2 | Ant Design中后台框架演示 | Ant Design中后台框架项目主页
第10天 课程项目汇报(07月15日)
   


参考书籍


  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