SlideShare une entreprise Scribd logo
1  sur  13
Télécharger pour lire hors ligne
THE LIGHT @ 99TH
A Digital Song Story™
Hilla Katki - SVA InfoVisualization -
2013 Summer Intensive - IxD Dept.
WORK IN PROGRESS
© 2013 - MediaGroove LLC
Question I started
this class with:
How can data visualization help
music & media artists tell more
compelling thematic stories?
THEMES
The Light @ 99th is a song about WORK -
and the DAILY COMMUTE is a theme
that many can relate to
©MediaGroove LLC - 2013
The Light @ 99th
As our lives revolve around work and
the demands of work on our waking
hours, the time spent commuting to
the office is the land of daydream for
some – and dread for others. As
seasons race pass during the limbo of
transit – gazing out the window at
hours of our life we’ll never get back –
what does our daily path tell us about
who we are?
Digital Song Story #1
Play it::
GOAL
Build a immersive, interactive and responsive web
experience - using HTML 5,WebGL, conventional
video and animation - blended with great
interaction design, and data-driven storytelling.
THAT’S 1.6 MILLION STORIES
From the macro-view to the individual journey -
how can we capture and share these experiences?
Every business day,
Manhattan swells with
1.6million
work commuters*
*Source - American Community Survey - US Census 2010
WORK & COMMUTING
Result:A mash-up of conventional and data-driven storytelling
USE SOUND ANDVISUALS
connected to DATA about COMMUTING
to BRING COMMUTER STORIESTO LIFE
CONCEPT
DATA SOURCES
Commuter Rail Into Manhattan -TimeTables / Ridership by Hour
“Workers who live in NewYork state show the highest rate of long commutes
(defined as 60 minutes or longer) at 16.2 percent, followed by Maryland and New
Jersey at 14.8 percent and 14.6 percent, respectively.”
Source: Census.gov ›American Community Survey (ACS) › Megacommuters: 600,000 in U.S. Travel 90 Minutes and 50 Miles
to Work, and 10.8 Million Travel an Hour Each Way
AUDIO PARAMETERS
1. SOURCE:
(A) Each transit type is assigned a unique Sound Loop (SL) -
derived from individual tracks of the song Light @ 99th.
2. BEHAVIORS:
(A) Controls:
Each SL is user-controlled, toggle on/off.
(B) Data = Amplitude:
Each SL’s volume is controlled by hourly ridership.
(C) Time Frame/Window:
Each transit data source is set to a 24hr. timeline -
compressed and mapped against a 2:30 looped clock.
(D)Sync:
Each SL is Beat-Matched to start on the first bar of a
looping 4 bar phrase.
AUDIO SOURCING
From ProTools, the individual tracks
were saved as sound loops
STORYBOARDING PROCESS
Blending conventional narrative with data-driven storytelling
DATA:
TIME SPENT
Extreme and Average
Commute Hours -
Converted to Days per Year
INTERACTION
EACH RAIL LINE WILL BE
INTERACTIVE - TRIGGERING A
DISCRETE, SYNCHRONIZED SOUND
LOOP FROMTHE TRACKS OFTHE SONG
Peak commute time:
1:37 X 2 =3:14hr per day
X 5= 16:10wk X 48wk =
32.33 commute days per year
AUDIO: SIMPLE BUILD OF 7
TRACKS FROM LIGHT @ 99th.
NOTE: SONG BEATS AND
INSTRUMENTS ARE NOT
SYNC’ed in THIS EXAMPLE
Timeline will depict ridership over 24 hrs - compressed to 2:30
Embedding data points into animation and live video
SONG STORY
DATA POINTS
FACTS ABOUT METRO NORTH RIDERSHIP
WILL BE EMBEDDED AS HOTSPOTS
THANK YOU
WORK IN PROGRESS
© 2013 - MediaGroove LLC

Contenu connexe

Dernier

Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioAlinaLau2
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Yantram Animation Studio Corporation
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...Pranav Subramanian
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...Pranav Subramanian
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinSamar Hossam ElDin Ahmed
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersCre8iveskill
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxYaminiDabbara
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesVellyslav Petrov
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Thomas Schielke
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisPeclers Paris
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfCristobalHeraud
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONAnastasiya Kudinova
 

Dernier (20)

Imagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering PortfolioImagist3D Architectural and Interior Rendering Portfolio
Imagist3D Architectural and Interior Rendering Portfolio
 
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
Exploring Tehran's Architectural Marvels: A Glimpse into Vilaas Studio's Dyna...
 
ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022ASME B31.4-2022 estandar ductos año 2022
ASME B31.4-2022 estandar ductos año 2022
 
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
ALISIA: HOW MIGHT WE ACHIEVE HIGH ENVIRONMENTAL PERFORMANCE WHILE MAINTAINING...
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
LIGHTSCAPES: HOW MIGHT WE DESIGN AN INCLUSIVE AND ACCESSIBLE CLASSICAL CONCER...
 
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDinGeneral Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
General Simple Guide About AI in Design By: A.L. Samar Hossam ElDin
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
Understanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's MattersUnderstanding Image Masking: What It Is and Why It's Matters
Understanding Image Masking: What It Is and Why It's Matters
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
City Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptxCity Hall London, Norman Foster building description with building details.pptx
City Hall London, Norman Foster building description with building details.pptx
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
ArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern HomesArtWaves 2024 - embracing Curves in Modern Homes
ArtWaves 2024 - embracing Curves in Modern Homes
 
PORTFOLIO 2024 ANASTASIYA KUDINOVA
PORTFOLIO 2024       ANASTASIYA KUDINOVAPORTFOLIO 2024       ANASTASIYA KUDINOVA
PORTFOLIO 2024 ANASTASIYA KUDINOVA
 
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
Cities Light Up in Solidarity With Ukraine: From Internationally Synchronized...
 
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers ParisFW25-26 Knit Cut & Sew Trend Book Peclers Paris
FW25-26 Knit Cut & Sew Trend Book Peclers Paris
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdfARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
ARCHITECTURAL PORTFOLIO CRISTOBAL HERAUD 2024.pdf
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSIONPORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
PORTFOLIO 2024_ANASTASIYA KUDINOVA / EXTENDED VERSION
 

The Light @ 99th - data-driven storytelling - SVA - summer 2013

  • 1. THE LIGHT @ 99TH A Digital Song Story™ Hilla Katki - SVA InfoVisualization - 2013 Summer Intensive - IxD Dept. WORK IN PROGRESS © 2013 - MediaGroove LLC
  • 2. Question I started this class with: How can data visualization help music & media artists tell more compelling thematic stories?
  • 3. THEMES The Light @ 99th is a song about WORK - and the DAILY COMMUTE is a theme that many can relate to
  • 4. ©MediaGroove LLC - 2013 The Light @ 99th As our lives revolve around work and the demands of work on our waking hours, the time spent commuting to the office is the land of daydream for some – and dread for others. As seasons race pass during the limbo of transit – gazing out the window at hours of our life we’ll never get back – what does our daily path tell us about who we are? Digital Song Story #1 Play it::
  • 5. GOAL Build a immersive, interactive and responsive web experience - using HTML 5,WebGL, conventional video and animation - blended with great interaction design, and data-driven storytelling.
  • 6. THAT’S 1.6 MILLION STORIES From the macro-view to the individual journey - how can we capture and share these experiences? Every business day, Manhattan swells with 1.6million work commuters* *Source - American Community Survey - US Census 2010 WORK & COMMUTING
  • 7. Result:A mash-up of conventional and data-driven storytelling USE SOUND ANDVISUALS connected to DATA about COMMUTING to BRING COMMUTER STORIESTO LIFE CONCEPT
  • 8. DATA SOURCES Commuter Rail Into Manhattan -TimeTables / Ridership by Hour “Workers who live in NewYork state show the highest rate of long commutes (defined as 60 minutes or longer) at 16.2 percent, followed by Maryland and New Jersey at 14.8 percent and 14.6 percent, respectively.” Source: Census.gov ›American Community Survey (ACS) › Megacommuters: 600,000 in U.S. Travel 90 Minutes and 50 Miles to Work, and 10.8 Million Travel an Hour Each Way
  • 9. AUDIO PARAMETERS 1. SOURCE: (A) Each transit type is assigned a unique Sound Loop (SL) - derived from individual tracks of the song Light @ 99th. 2. BEHAVIORS: (A) Controls: Each SL is user-controlled, toggle on/off. (B) Data = Amplitude: Each SL’s volume is controlled by hourly ridership. (C) Time Frame/Window: Each transit data source is set to a 24hr. timeline - compressed and mapped against a 2:30 looped clock. (D)Sync: Each SL is Beat-Matched to start on the first bar of a looping 4 bar phrase.
  • 10. AUDIO SOURCING From ProTools, the individual tracks were saved as sound loops
  • 11. STORYBOARDING PROCESS Blending conventional narrative with data-driven storytelling
  • 12. DATA: TIME SPENT Extreme and Average Commute Hours - Converted to Days per Year INTERACTION EACH RAIL LINE WILL BE INTERACTIVE - TRIGGERING A DISCRETE, SYNCHRONIZED SOUND LOOP FROMTHE TRACKS OFTHE SONG Peak commute time: 1:37 X 2 =3:14hr per day X 5= 16:10wk X 48wk = 32.33 commute days per year AUDIO: SIMPLE BUILD OF 7 TRACKS FROM LIGHT @ 99th. NOTE: SONG BEATS AND INSTRUMENTS ARE NOT SYNC’ed in THIS EXAMPLE Timeline will depict ridership over 24 hrs - compressed to 2:30
  • 13. Embedding data points into animation and live video SONG STORY DATA POINTS FACTS ABOUT METRO NORTH RIDERSHIP WILL BE EMBEDDED AS HOTSPOTS THANK YOU WORK IN PROGRESS © 2013 - MediaGroove LLC