diff --git a/02_activities/assignments/assignment2.jpg b/02_activities/assignments/assignment2.jpg new file mode 100644 index 000000000..9b1c7133d Binary files /dev/null and b/02_activities/assignments/assignment2.jpg differ diff --git a/02_activities/assignments/assignment_2.md b/02_activities/assignments/assignment_2.md index 22cf8bdea..0ffb2afa5 100644 --- a/02_activities/assignments/assignment_2.md +++ b/02_activities/assignments/assignment_2.md @@ -10,18 +10,59 @@ - For each visualization (good and bad): - Explain (with reference to material covered up to date, along with readings and other scholarly sources, as needed) why you classified that visualization the way you did. ``` - Your answer... - + Good Chart Example - Pictorgram Chart + Link: https://jscharting.com/examples/chart-types/pictogram/percent-multiple-value-typography-pictogram/ + + Substantive + - This chart is highly substantive because it presents data with complete transparency. + - Because each icon represents a specific unit, the data is easy to verify by simply counting the symbols. + - Unlike 3D graphs, there are no overlapping layers or perspective shifts to hide or exaggerate the numbers, ensuring an honest representation of all 365 days + + Perceptual + - The chart excels at being perceptual by using a "language" that is universal. + - By using recognizable icons like suns and rain clouds, the message is clear even without reading the labels. + - A viewer can instantly see that NYC is mostly cloudy because the blue cloud icons occupy the largest area of the grid, making the main takeaway obvious at a glance. + + Aesthetic + - The visualization is aesthetic because its beauty comes from its organized and functional design. + - The chart avoids "chartjunk"—unnecessary decorations or distracting effects that don't add value to the data. + - The icons serve as both the "ink" and the information; the clean layout makes the chart look professional while keeping the focus entirely on the weather patterns. + + + Bad Chart Example - 3D Bar Chart + Link: https://www.mathworks.com/matlabcentral/fileexchange/35274-matlab-plot-gallery-bar-graph-3d?focused=6793108&tab=example + Substantive + - The chart fails the substantive requirement because the 3D perspective distorts the data. + - The bars in the "front" (like those for the year 2000) physically block the viewer's ability to see the exact height of the bars in the "back" (earlier years). + -Because of the slanted 3D angle, it’s super hard to line up the top of a bar with the temperature numbers on the left. You end up just guessing the value, which means the chart isn't being honest or accurate with the numbers. + Perceptual + - The perceptual quality is bad because the 3D design is just too messy to understand the actual "story". + - The viewer should be able to easily see if Boston is getting warmer over the century. However, your eye has to jump over "valleys" and "peaks" across a diagonal plane, making it much harder to detect a trend than a simple 2D line graph would. + - Instead of quickly understanding the temperature message, the brain has to spend extra effort decoding 3D space and depth. + Aesthetic + - While the chart may be considered "pleasing" by some due to its use of color gradients and 3D shapes, this actually works against the visualization. + - he "cool factor" of the 3D bars is prioritized over the clarity of the information. In professional data visualization, an aesthetic that interferes with the truth (the substantive quality) is considered a failure in design. + ``` - How could this data visualization have been improved? ``` - Your answer... + Improvement for Good Chart + - Direct Correlation with Temperature. Use a color gradient on the icons themselves (e.g., a dark red sun for a "Hot Sunny Day" vs. a light yellow sun for a "Cold Sunny Day"). This provides a multivariate view. You are no longer just seeing the type of weather, but also the intensity of the temperature associated with that weather, all in one clean graphic. + + ![text](assignment_2.md) + + + Improvement for Bad Chart + - Switch from 3D Bars to a 2D Heatmap + - Put the Months on the x-axis and the Years on the y-axis. Use colors (e.g., blue for cold, red for hot) to represent the temperature. + - We can see every single data point at once without anything being hidden (no occlusion). It makes it very easy to spot if specific months are getting "redder" (hotter) as the years go by. + - it meets the requirements of substansive, perceptual and asthethic