Music-Data Visualization
Posted
Brandon Fretwell
http://farmapp.info/fretwell/
Christopher Godbout
Miles Huffman
http://farmapp.info/huffman/
Anna Sullivan
Datyell Close
https://datyell.com/portfolio/visualizer/
| Educator/s: | Frank Armstrong |
|---|---|
| Institution: | California State University—Chico |
| Level: | Junior, Undergraduate |
| Duration: | 15 weeks |
| Category: | Data Visualization, Information Design, Motion, Symbols, Systems, User Experience, User Interface, Web Design |
| Filed Under: | Data Visualization, Form-making, Four-year Program |
| Bookmark Project | |
Project Brief
Design an interactive data visualization of your music library. Write code (D3 javascript library) to display visual representations of 50 songs (as SVG objects), then allow user to sort and filter them. When a user selects a song, audio will play and a display of objects should animate in response to the audio data.
Learning Objectives
Designing a complex system and user experience. Critical thinking from organizing, sequencing and writing code.
Deliverables
Code files and visual assets (fonts, icons and images) for a web-based interactive data visualization.
Readings/Resources
All information provided through brief instructional demonstrations.
Reflections
Patience and flexibility are essential!
