Notes Frequency of a Song

100%

Notes Frequency of a Song

✓ Published0🌍 Public

Last edited Nov 14, 2018

Created on Sep 2, 2018

This bar chart shows the frequency of each musical note in a MIDI song, "Poor Little Fool," from the Million Song Dataset, specifically track #12. The data is loaded via `d3.csv` and processed with a custom module that sorts notes by octave and pitch. The visualization uses `d3.scaleBand` for the y-axis, `d3.scaleLinear` for the x-axis, and renders SVG rectangles with a warm orange fill on a peach background. The chart includes axes generated with `d3.axisLeft` and `d3.axisBottom`.

AI-generated description

This bar chart shows the music notes from a MIDI song with filename <1a2d8218a9e42cb6b1cdabd5f54b5c56.mid>, track number #12. Also in Song's Note Scatter Plot.

The data comes from the Million Song Dataset.

This song is 'Poor Little Fool'. More information: Wikipedia, the free encyclopedia.

MIT Licensed

Similar vizzes

Loading thumbnail…

Song's Note Scatter Plot

A scatter plot maps MIDI tick time along the x-axis against musical note pitch on the y-axis, visualizing the note sequence of track #12 from the Million Song Dataset's "Poor Little Fool." Each circle represents a note event, with opacity creating density effects. The visualization uses d3.csv to load data, d3.scaleLinear and d3.scaleBand for scales, and d3.axisLeft/axisBottom with tick lines for grid rendering. Note ordering is computed via a custom helper that sorts notes by octave and pitch class.

RRubens

85% match

Loading thumbnail…

Song's Note Zoom Scatter Plot

This zoomable scatter plot visualizes the individual music notes from a MIDI song track, plotting each note’s start time in Midi ticks along the x-axis against its pitch class and octave on the y-axis. The data, sourced from the Million Song Dataset, is rendered as semi-transparent circles using SVG. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, `axisLeft`, and a `zoom` behavior to enable panning and scaling. Notes are ordered using a custom helper function that sorts by octave and chromatic pitch.

RRubens

75% match

Loading thumbnail…

Song's Note: Start & End

This scatter plot visualizes the start and end points of each music note in a MIDI track, using the note's name on the y-axis and MIDI tick time on the x-axis. Rectangles encode the duration of each note, while the SVG rendering is powered by D3 v5’s `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft`. The data comes from the Million Song Dataset and is loaded via `csv`, with labels ordered by a custom note–octave sorting function. The chart supports zooming through the d3 `zoom` event.

RRubens

73% match

Loading thumbnail…

Song's Note: Start & End - With choice

This interactive D3 visualization explores a MIDI song by displaying each track's notes as horizontal bars, with x-position indicating start time and bar width representing duration. A color legend for MIDI files lets viewers select which song to examine, while a second legend filters individual tracks. The scatter plot uses `d3.scaleLinear` for axes and `d3.scaleOrdinal` with `d3.interpolateViridis` for note colors, with `transition.duration` and `.delay` animating the bars. Data comes from the Million Song Dataset, rendered as SVG.

RRubens

73% match

Loading thumbnail…

music2

This interactive bar chart explores a dataset of music tracks, showing the average popularity of songs grouped by a selected attribute. Users can switch the grouping variable via dropdown menus, and a scrollable overview bar allows panning through many categories. Built with D3.js and Vue, the visualization uses `scaleBand` and `scaleLinear` for positioning and `axisBottom`/`axisLeft` for axes, with drag handling to update the visible range. Data is loaded from a CSV file.

Aa15923647

63% match

Loading thumbnail…

Fork of music rating

This visualization uses stacked horizontal bars to show how music ratings are distributed across four genres: Rock, Pop, Jazz, and Country. Each bar is segmented into five rating categories, from below 5.0 to above 8.5, with colors assigned by D3's `scaleOrdinal`. Hovering over a segment reveals the exact percentage for that genre and rating category via a tooltip. The chart is built with D3 v7, using `d3.stack`, `d3.scaleLinear`, and `d3.scaleBand` to position the bars, and reads its data from a CSV file.

Bbogasamudramvamsikrishnareddy

62% match

Loading thumbnail…

Bar Chart in D3

This bar chart displays the maximum hours of music listened to per day across surveyed ages, omitting ages not present in the dataset. It uses D3 v7 to load a CSV file, aggregates the data with `d3.group`, and computes the maximum per age via `d3.max`. The SVG rendering uses `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, with axes labeled using `d3.axisBottom` and `d3.axisLeft`. Bars are purple rectangles with white value labels, and hovering over a bar changes its fill to mediumpurple.

AAndrew Blakeslee Moore

61% match

Loading thumbnail…

scatter plot

This scatter plot displays the duration of 100 popular songs on the y-axis against their titles on the x-axis, using a point scale for song names and a linear scale for duration. Each song is represented by a steel-blue circle with a radius of 10 pixels. The visualization loads data from a CSV file via `d3.csv`, scales axes with `d3.scaleLinear` and `d3.scalePoint`, and renders axes using `d3.axisLeft` and `d3.axisBottom`. The SVG output is generated through D3 v5, with margins applied to position the chart within a 960-by-1200 pixel canvas.

GGogineni44

61% match