Assignment 1: Visualization Design

In this assignment, you will design a visualization for a small data set and provide a rigorous rationale for your design choices. You should in theory be ready to explain the contribution of every pixel in the display. You are free to use any graphics or charting tool you please - including drafting it by hand.

(See Resources for a list of visualization tools.)

Data Set: Monthly Hours of Sunshine in Major U.S. Cities

The climate of a place can have a tremendous impact on people's lived experience, ranging from personal moods to how an entire region defines itself. Here, you will examine a set of average monthly climate measurements for six major U.S. cities, roughly covering the edges of the continental United States.

For more information about the dataset, including download links for CSV and JSON formats, see https://observablehq.com/@uwdata/hours-of-sunshine.

Assignment

Your task is to design a static (i.e., single image) visualization that you believe effectively communicates the data and provide a short write-up (no more than 4 paragraphs) describing your design. Start by choosing a question you'd like your visualization to answer. Design your visualization to answer that question, and use the question as the title of your graphic.

While you must use the data set given, note that you are free to transform the data as you see fit. Such transforms may include (but are not limited to) log transformation, computing percentages or averages, grouping elements into new categories, or removing unnecessary variables or records. You are also free to incorporate external data. Your chart image should be interpretable without recourse to your short write-up. Do not forget to include title, axis labels, or legends as needed!

As different visualizations can emphasize different aspects of a data set, you should document what aspects of the data you are attempting to most effectively communicate. In short, what story are you trying to tell? Just as important, also note which aspects of the data might be obscured due to your visualization design.

In your write-up, you should provide a rigorous rationale for your design decisions. Document the visual encodings you used and why they are appropriate for the data and your specific question. These decisions include the choice of visualization type, size, color, scale, and other visual elements, as well as the use of sorting or other data transformations. How do these decisions facilitate effective communication?

Grading

The assignment score is out of a maximum of 10 points. Historically, the median score on this assignment has been 8.5, which corresponds to an A-. We will determine scores by judging both the soundness of your design and the quality of the write-up. We will also look for consideration of audience, message, and intended task. Here are examples of aspects that may lead to point deductions:

• Use of misleading, unnecessary, or unmotivated graphic elements.
• Missing chart title, axis labels, or data transformation description.
• Missing or incomplete design rationale in write-up.
• Ineffective encodings for your stated goal (e.g., distracting colors, improper data transformation).

We will reward entries that go above and beyond the assignment requirements to produce effective graphics. Examples may include outstanding visual design, meaningful incorporation of external data to reveal important trends, demonstrating exceptional creativity, or effective annotations and other narrative devices.

Submission Details

This is an individual assignment. You may not work in groups. Your completed assignment is due on Wed 4/5, by 11:59pm. We will be discussing submissions in class, so be sure to avoid a late submission.

You must submit your assignment using Gradescope. Your submission will consist of: (1) your visualization design (as a PNG or JPG image file), and (2) your writeup, without your name or UW NetID (either uploaded in a plain text file "readme.txt" or written in the free response box).

Please use the correct file extension for your image (either .png or .jpg) and be sure your image is sized for a reasonable viewing experience. Viewers should not have to zoom or scroll in order to effectively view your submission!

The readme.txt file should contain your write-up, as described above. Do not include your name or UW net id in your readme.

If you are on the waiting list for the class do not have access to Gradescope, please email your submission to us at cse512@cs.washington.edu.