多视图交互设计 作业2


本次作业旨在加强同学们对多视图之间交互联动的理解。请针对本组选定的数据,使用Web编程相关技术实现一个带交互联动的多视图可视化。


作业要求
  • 数据选择:与作业一一样,仍然使用本组选定的数据集;
  • 使用工具:本次作业限定为Web编程相关技术(HTML、CSS、JavaScript等),具体框架不限。可以参考前面的编程课程资料、互联网上的相关资料以及 课程网站上提供的基本可视化组件等;
  • 可视化效果:至少需要两个视图(允许借鉴使用自己前面作业一做的内容)。视图中需要有一些交互效果,视图之间需要有一些联动(例如在一个视图中选中并高亮了部分数据,另一个视图中相关数据的部分也应同步有一个突出显示效果);
  • 视图分析:对可视化效果以及交互逻辑进行简要的介绍,并借助该可视化对数据形成一些新的见解。

  • 作业提交
  • 提交结果1 可视化源代码放在code文件夹下。请务必确保code文件夹下包含index.html作为入口文件。
  • 提交结果2 可视化分析报告。包括对可视化效果以及交互逻辑的介绍,以及自己对数据的一些新的见解。字数不限,将各部分讲述清楚即可,必要时可以加入图片说明。文件命名为report.pdf
  • 将以上两个内容放入datavis_f23_姓名_学号_a02文件夹中,其中姓名学号替换成自己的姓名和学号。然后将这个文件夹压缩为zip格式并命名为datavis_f23_姓名_学号_a02.zip。结果通过邮件的形式提交,邮件标题为[数据可视化2023]姓名_学号_a02,附件中放入前面创建的压缩包, 邮件提交到助教邮箱 machiteng[at]pku.edu.cn和 cxyapril[at]stu.pku.edu.cn,并将邮件抄送老师 xiaoru.yuan[at]pku.edu.cn。
  • 请大家务必按照要求的文件格式提交。

  • 截止时间
  • 2023/12/20 18:30:00
  • 如果有迟交作业,每延迟24小时(向上取整) -10%,每不足24小时按24小时计算,延迟72小时以上不计分数。