Visualizing-With-Hadi

| home page | data viz examples | critique by design | final project I | final project II | final project III |

Wireframes and Storyboards

Below is the visual narrative plan for my Shorthand story about music’s shrinking emotional range. This storyboard converts my outline and sketches from Part I into screen-by-screen wireframes that show how a reader will move through the story. Each β€œscreen” represents a Shorthand chapter or scroll section.

All wireframes include:


πŸ“Œ Section 1 β€” Hook: 20.7 Hours of Sameness

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚                                                            β”‚
β”‚     ╔══════════════════════════════════════════════╗       β”‚
β”‚     β•‘    20.7 HOURS EVERY WEEK                     β•‘       β”‚
β”‚     β•‘    That's How Much Music We Consume          β•‘       β”‚ 
β”‚     β•šβ•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•β•       β”‚
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     [HERO VISUALIZATION: Time Bar Chart]         β”‚      β”‚
β”‚  β”‚     β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”          β”‚      β”‚
β”‚  β”‚     β”‚ Monday    β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ              β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Tuesday   β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ                β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Wednesday β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ               β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Thursday  β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ              β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Friday    β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ           β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Weekend   β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ      β”‚          β”‚      β”‚
β”‚  β”‚     β”‚                                 β”‚          β”‚      β”‚
β”‚  β”‚     β”‚ Total: 20.7 hours β‰ˆ 1 full day  β”‚          β”‚      β”‚
β”‚  β”‚     β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜          β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Text: "We spend nearly a full day each week with music.   β”‚
β”‚        But what if every song is starting to sound         β”‚
β”‚        emotionally... the same?"                           β”‚
β”‚                                                            β”‚
β”‚                    ↓ Scroll to explore ↓                   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Anchor the story with a relatable, personal statistic that makes readers reflect on their own listening habits.

Visual: Interactive time visualization showing 20.7 hours in context


πŸ“Œ Section 2 β€” The Core Evidence: Shrinking Emotional Range

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: Music's Emotional Range is Collapsing             β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  [MAIN CHART: Emotional Variance Over Time]      β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  Variance                                        β”‚      β”‚
β”‚  β”‚    0.8 β”‚                                         β”‚      β”‚
β”‚  β”‚        β”‚ ●1980s                                  β”‚      β”‚
β”‚  β”‚    0.6 β”‚   ●1990s                                β”‚      β”‚
β”‚  β”‚        β”‚      ●2000s                             β”‚      β”‚ 
β”‚  β”‚    0.4 β”‚         ●2010s                          β”‚      β”‚
β”‚  β”‚        β”‚            ●2020s                       β”‚      β”‚
β”‚  β”‚    0.2 β”‚                                         β”‚      β”‚
β”‚  β”‚        └──────────────────────────────           β”‚      β”‚
β”‚  β”‚        1980   1990   2000   2010   2020          β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚ Annotation: "32% decrease in emotional variance" β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Supporting Text: "Since 1980, the emotional diversity     β”‚
β”‚  of popular music has dropped by nearly a third.           β”‚
β”‚  Songs cluster increasingly toward a narrow middle         β”‚
β”‚  groundβ€”not too sad, not too happy."                       β”‚
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                               β”‚
β”‚  β”‚ KEY INSIGHT BOX:        β”‚                               β”‚ 
β”‚  β”‚ 32% reduction           β”‚                               β”‚
β”‚  β”‚ in emotional range      β”‚                               β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                               β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Present the central finding with clear, undeniable data visualization.

Visual: Line chart showing declining variance from 1980-2024


πŸ“Œ Section 3 β€” It’s Not Just One Genre

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: Every Major Genre is Converging                   β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  Text: "You might think this is just pop music becoming    β”‚
β”‚        formulaic. But look at the data..."                 β”‚
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  [CHART: Genre Emotional Range Comparison]       β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     Genre      1980s Range β†’ 2020s Range         β”‚      β”‚
β”‚  β”‚     ─────────────────────────────────────        β”‚      β”‚
β”‚  β”‚     Pop:       β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ β†’ β–ˆβ–ˆβ–ˆβ–ˆ               β”‚      β”‚
β”‚  β”‚                     -28%                         β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     Rock:      β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ β†’ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ             β”‚      β”‚
β”‚  β”‚                     -35%                         β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     Hip-Hop:   β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ β†’ β–ˆβ–ˆβ–ˆβ–ˆ                β”‚      β”‚ 
β”‚  β”‚                     -41%                         β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     Electronic:β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ β†’ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ              β”‚      β”‚
β”‚  β”‚                     -33%                         β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚     Indie:     β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ β†’ β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ            β”‚      β”‚
β”‚  β”‚                     -24%                         β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Caption: "Every genre shows compression. This isn't       β”‚
β”‚           a genre problemβ€”it's a system problem."          β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Address skepticism that this is limited to mainstream pop.

Visual: Comparative bar charts showing range reduction across genres


πŸ“Œ Section 4 β€” A Global Phenomenon

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: From Seoul to SΓ£o Paulo - A Worldwide Trend       β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  [SMALL MULTIPLES: Language Comparison]          β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”           β”‚      β”‚
β”‚  β”‚  β”‚English  β”‚  β”‚Korean   β”‚  β”‚Spanish  β”‚           β”‚      β”‚
β”‚  β”‚  β”‚    β•²    β”‚  β”‚    β•²    β”‚  β”‚    β•²    β”‚           β”‚      β”‚
β”‚  β”‚  β”‚     β•²   β”‚  β”‚     β•²   β”‚  β”‚     β•²   β”‚           β”‚      β”‚
β”‚  β”‚  β”‚  -32% β•² β”‚  β”‚  -41% β•² β”‚  β”‚  -33% β•² β”‚           β”‚      β”‚
β”‚  β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜           β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”           β”‚      β”‚
β”‚  β”‚  β”‚Hindi    β”‚  β”‚Portugueseβ”‚ β”‚Japanese β”‚           β”‚      β”‚
β”‚  β”‚  β”‚    β•²    β”‚  β”‚    β•²    β”‚  β”‚    β•²    β”‚           β”‚      β”‚
β”‚  β”‚  β”‚     β•²   β”‚  β”‚     β•²   β”‚  β”‚     β•²   β”‚           β”‚      β”‚
β”‚  β”‚  β”‚  -29% β•² β”‚  β”‚  -37% β•² β”‚  β”‚  -31% β•² β”‚           β”‚      β”‚
β”‚  β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜           β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Text: "Different cultures. Different musical              β”‚
β”‚        traditions. Same algorithmic pressure."             β”‚
β”‚                                                            β”‚
β”‚  Annotation: "This suggests we're seeing global            β”‚
β”‚              algorithmic optimization, not cultural        β”‚
β”‚              evolution."                                   β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Prove this isn’t Western-centric but a global algorithmic phenomenon.

Visual: Small multiples showing decline across 6 languages


πŸ“Œ Section 5 β€” The Before/After Transformation

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: What We've Lost in 40 Years                       β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”             β”‚
β”‚  β”‚      1980s          β”‚       2020s         β”‚             β”‚
β”‚  β”‚                     β”‚                     β”‚             β”‚
β”‚  β”‚    Distribution     β”‚    Distribution     β”‚             β”‚
β”‚  β”‚         β•±β•²          β”‚         β”‚           β”‚             β”‚
β”‚  β”‚       β•±    β•²        β”‚         β–ˆ           β”‚             β”‚
β”‚  β”‚     β•±        β•²      β”‚        β–ˆβ–ˆβ–ˆ          β”‚             β”‚
β”‚  β”‚   β•±            β•²    β”‚       β–ˆβ–ˆβ–ˆβ–ˆβ–ˆ         β”‚             β”‚
β”‚  β”‚ β•±________________β•²  β”‚      β–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆβ–ˆ        β”‚             β”‚
β”‚  β”‚ Sad    Mid    Happy β”‚ Sad  Mid  Happy     β”‚             β”‚
β”‚  β”‚                     β”‚                     β”‚             β”‚
β”‚  β”‚ "Wide emotional     β”‚ "73% of songs       β”‚             β”‚
β”‚  β”‚  spectrum"          β”‚  in the middle"     β”‚             β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”΄β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜             β”‚
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚ SHOCKING STAT:                                   β”‚      β”‚
β”‚  β”‚ 73% of today's music lives in the                β”‚      β”‚
β”‚  β”‚ emotional middle ground                          β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Text: "We've lost the cathartic lows and euphoric         β”‚
β”‚        highs. Music is becoming emotionally beige."        β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Visual β€œoh shit” moment showing the dramatic compression.

Visual: Side-by-side distribution comparison


πŸ“Œ Section 6 β€” Why This Matters

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: The Cost of Emotional Homogenization              β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  [INFOGRAPHIC: The Feedback Loop]                β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                   β”‚      β”‚
β”‚  β”‚        β”‚ Algorithm Predicts  β”‚                   β”‚      β”‚
β”‚  β”‚        β”‚ "Skip Likelihood"   β”‚                   β”‚      β”‚
β”‚  β”‚        β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                   β”‚      β”‚
β”‚  β”‚                   ↓                              β”‚      β”‚
β”‚  β”‚        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                   β”‚      β”‚
β”‚  β”‚        β”‚ Artists Create      β”‚                   β”‚      β”‚
β”‚  β”‚        β”‚ "Safe" Music        β”‚                   β”‚      β”‚
β”‚  β”‚        β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                   β”‚      β”‚
β”‚  β”‚                   ↓                              β”‚      β”‚
β”‚  β”‚        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                   β”‚      β”‚
β”‚  β”‚        β”‚ Listeners Hear      β”‚                   β”‚      β”‚
β”‚  β”‚        β”‚ Narrow Range        β”‚                   β”‚      β”‚
β”‚  β”‚        β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                   β”‚      β”‚
β”‚  β”‚                   ↓                              β”‚      β”‚
β”‚  β”‚        β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”                   β”‚      β”‚
β”‚  β”‚        β”‚ Data Reinforces     β”‚                   β”‚      β”‚
β”‚  β”‚        β”‚ Middle Ground       β”‚                   β”‚      β”‚ 
β”‚  β”‚        β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”¬β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜                   β”‚      β”‚
β”‚  β”‚                   ↓                              β”‚      β”‚
β”‚  β”‚              [LOOP BACK]                         β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Text Points:                                              β”‚
β”‚  β€’ We use music to process grief (but sad songs vanish)    β”‚
β”‚  β€’ We celebrate with music (but euphoric songs are rare)   β”‚
β”‚  β€’ Music helps us feel understood (but nuance flattens)    β”‚
β”‚  β€’ Young listeners grow up with limited emotional vocab    β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Connect the data to human impact and cultural loss.

Visual: Feedback loop infographic + impact list


πŸ“Œ Section 7 β€” Call to Action

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: Breaking Free from the Algorithmic Middle         β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  THE PLAYLIST CHALLENGE:                         β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  Create two playlists:                           β”‚      β”‚
β”‚  β”‚  1. Your current favorites                       β”‚      β”‚
β”‚  β”‚  2. Songs that made you FEEL the most            β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  Compare their emotional ranges.                 β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  [Interactive Element Placeholder]               β”‚      β”‚
β”‚  β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”              β”‚      β”‚
β”‚  β”‚  β”‚  Test Your Playlist's Range    β”‚              β”‚      β”‚
β”‚  β”‚  β”‚         [BUTTON]               β”‚              β”‚      β”‚
β”‚  β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜              β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Action Items for Listeners:                               β”‚
β”‚  β€’ Seek emotional extremes deliberately                    β”‚
β”‚  β€’ Use discovery features less, active search more         β”‚
β”‚  β€’ Support artists who take emotional risks                β”‚
β”‚  β€’ Share intense songs even if not "playlist-friendly"     β”‚
β”‚                                                            β”‚
β”‚  Questions for Society:                                    β”‚
β”‚  β€’ Should platforms optimize for emotional diversity?      β”‚
β”‚  β€’ Are we okay with algorithms shaping our emotions?       β”‚
β”‚  β€’ What are we losing when all music feels the same?       β”‚
β”‚                                                            β”‚
β”‚     [Share This Story]    [Take the Challenge]             β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Move from awareness to action with concrete steps.

Visual: Interactive challenge + share buttons


πŸ“Œ Section 8 β€” Methodology & Credits

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”
β”‚  HEADER: About This Analysis                               β”‚
│────────────────────────────────────────────────────────────│
β”‚                                                            β”‚
β”‚  β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”      β”‚
β”‚  β”‚  DATA SOURCES:                                   β”‚      β”‚
β”‚  β”‚  β€’ Spotify Audio Features API                    β”‚      β”‚
β”‚  β”‚  β€’ Number of songs analyzed                      β”‚      β”‚
β”‚  β”‚  β€’ Time period: 1980-2024                        β”‚      β”‚
β”‚  β”‚  β€’ 6 languages, 15+ genres                       β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  METHODOLOGY:                                    β”‚      β”‚
β”‚  β”‚  β€’ Valence & energy variance calculations        β”‚      β”‚
β”‚  β”‚  β€’ Statistical significance testing              β”‚      β”‚
β”‚  β”‚  β€’ Genre and language stratification             β”‚      β”‚
β”‚  β”‚                                                  β”‚      β”‚
β”‚  β”‚  [Link to raw data]  [Link to code]              β”‚      β”‚
β”‚  β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜      β”‚
β”‚                                                            β”‚
β”‚  Author: [My Name ]                                        β”‚
β”‚  Course: Telling Stories with Data                         β”‚
β”‚  Date: November 2025                                       β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

Purpose: Provide transparency and credibility.

Visual: Clean methodology summary


Start β†’ Hook (20.7 hours)
      ↓
      Core Evidence (32% decline)
      ↓
      Genre Analysis (universal trend)
      ↓
      Global Proof (6 languages)
      ↓
      Before/After (73% in middle)
      ↓
      Why It Matters (cultural impact)
      ↓
      Call to Action (break the cycle)
      ↓
      Credits/Methods

Visual Hierarchy Notes

  1. Hero visualizations (Sections 2 & 5) get the most screen space
  2. Supporting charts (Sections 3 & 4) use small multiples for efficiency
  3. Text is secondary to visuals but provides essential context
  4. Annotations guide interpretation at key moments
  5. Color coding: Red for decline, gray for current state, blue for past

User Research

Target Audience

Who I want to reach: Young adults (20-35) who stream music regularly on Spotify, Apple Music, or YouTube Music. These are people who listen to 10+ hours per week and use algorithmic playlists like Discover Weekly.

My approach to finding interviewees: I asked a friend, friend of friend to avoid bias, and specifically sought one person who listens to non-English music to test the global angle.

Interview Script

Research Goals:

  1. Test if my story makes sense
  2. See which visualizations work best
  3. Find out what’s confusing
  4. Learn if people care about this topic
Goal Questions to Ask
Test story clarity β€œWhat is the main point of this story?” / β€œWhat did you learn?”
Test visualizations β€œWhich chart was most clear?” / β€œWhat was confusing?”
Test relevance β€œDoes this relate to your music listening?” / β€œHave you noticed this?”
Test impact β€œDoes this change how you think about music?” / β€œWould you share this?”

Interview Findings

Questions Interview 1 (Female, 23, heavy Spotify user) Interview 2 (Male, 28, casual listener) Interview 3 (Female, 17, K-pop fan)
What’s the main point? β€œAlgorithms are making all music sound emotionally similar” β€œMusic is getting less diverse over time” β€œGlobal music is converging to western pop standards”
Most clear visualization? β€œThe before/after distribution - shocking difference” β€œThe line chart showing decline was clearest” β€œLanguage comparison proved it’s not just English music”
Most confusing part? β€œWhat is valence? Needed explanation” β€œThe genre boxes were a bit confusing” β€œFeedback loop diagram was complex”
Personal relevance? β€œYES! My Discover Weekly is the same now” β€œHaven’t really noticed this myself” β€œExplains why K-pop sounds more western now”
Would you share? β€œDefinitely with my music friends” β€œMaybe” β€œYes”
What’s missing? β€œI want to hear example songs” β€œThe role of autotune in this?” β€œMore about which artists avoid this trend”

Identified Changes for Part III

Research Synthesis Anticipated Changes for Part III
Everyone confused by β€œvalence” Add simple definition with examples: β€œValence = happy vs sad, like β€˜Happy’ by Pharrell vs β€˜Mad World’”
Before/after viz most impactful Make this visualization bigger and central to the story
People want song examples Include Spotify playlist links showing emotional extremes
Casual listeners don’t see relevance Add section: β€œWhy this affects YOUR playlists”

Key Insights:

References

AI was used to:

All analysis, story conception, and design decisions are my original work.