CSE442 Data Visualization (Spring 2017)

Final Project Deliverables

To complete your final project, you must provide three primary deliverables:

  • An interactive web page with visualizations for your topic area. Code and website due on GitHub by 10:30am, Mon 6/5.
  • A demonstration video (<= 2 minutes in length) that communicates your project goals and visualizations. Due on Canvas by 11:59pm, Wed 5/31.
  • A poster and demo for the final project showcase. Poster PDF due on GitHub by 11:59pm, Thu 6/1. We will print the posters for you and bring them to the final project showcase.

Interactive Visualizations

Building on the feedback received for your initial interactive prototype, expand your design to produce a final interactive web page with visualizations for your chosen topic. As discussed previously, your visualizations may be either exploratory (e.g., a tool for interactive analysis of your data) or explanatory (e.g., a sequential narrative, as found in online journalism, for communicating key insights about your domain). Of course, these are not mutually exclusive options: an exploratory tool may contain valuable annotations to guide viewers' attention and provide important context. Meanwhile, a narrative presentation may include interactive charts that enable local exploration of a data set.

In either case, your design must meaningfully engage and educate viewers on your chosen data topic. We recommend informal user testing with your classmates, external peers, course staff, and others to gain feedback on how well your design is understood and appreciated by end users!

As with your initial prototype, you must submit your visualization in your course-provided GitHub repository, and publish it on the web using GitHub pages. Your final web site must be published online before the final project showcase on Monday June 5.

Video Presentation

In addition to your visualizations, each team must produce a short demonstration video (no longer than 2 minutes!) introducing your project. Your video must communicate the specific topic and goals of your project along with your visualization designs. We expect most videos will use a mixture of static slides and interactive screen capture with overlaid narration. However, you are free to include live-action scenes if appropriate. The first segment of your video should include your project name and team members.

Most importantly, be sure that your video clearly and accurately conveys how your visualization designs enable a better understanding of your topic area. You should show your visualizations in action. Do not simply walk-through the features you implemented; instead show how they can reveal important insights about your data!

Please carefully read the CSE442 video production guide for details on how to design and record your demo video. Your videos should be in MPEG4 (.mp4, .m4v) format. Please use appropriate compression to ensure your video file is not unnecessarily large. You will post videos online, so we encourage you to put your best face forward to the world!

Your demo video must be published on Vimeo. In addition you must submit a URL linking to your video via Canvas by Wed 5/31, 11:59pm. We will have a video showcase during our last lecture session on Thu 6/1.

Project Showcase: Poster & Demo

Finally, each team is responsible for creating a poster and sharing demonstrations of their work at the final project showcase.

We will hold a public presentation of the final projects on Monday June 5, 10:30am-1pm in the Atrium of the Paul G. Allen Center. The showcase will give you a chance to show off the hard work you put into your project, and to engage with your classmates projects as well. Be prepared to give a roughly 3 minute oral presentation at your poster to both instructors and visitors. You should include a demo of your project along with the poster. The poster will be considered one of your final deliverables, so don't forget to apply good visual design principles!

The final poster should include the following information:

  • Project title and team members.
  • Problem: A clear statement of the topic and problem your project addresses.
  • Motivation: An explanation of why the problem is interesting and important.
  • Approach: A description of the design approach, and visualiztion techniques you used to address your topic.
  • Results: Illustrative screenshots of the system you built.
  • Future work: A brief description of how your work could be extended or improved.

We strongly recommend printing posters that are 32 inches by 40 inches in size. For example, you might use Powerpoint or Keynote to create a single slide at this size, create your poster, then either print or export as PDF.

Submission Details

Your final project code and web site must be submitted to your project GitHub repo before the project showcase on Mon 6/5.

The URL for your final video must be submitted by Wed 5/31, 11:59pm. This is a strict submission time, as we will be sharing videos in class on Thu 6/1.

Your poster (in PDF format) must be pushed to your project GitHub repository by Thu 6/1, 11:59pm. Place your poster in the root directory of your repository and give the file a clear identifying name (e.g., "seattle-boom-poster.pdf"). We will print your poster for you and bring it to the final project showcase, along with easels, posterboard, power strips, etc.