Music Chromagram (Pitch Class Distribution over Time) in Python, R, Julia and JavaScript

Source code in 15 libraries — Python: Altair, Bokeh, lets-plot, Matplotlib, Plotly, plotnine, Pygal, Seaborn; R: ggplot2; Julia: Makie.jl; JavaScript: Chart.js, D3.js, Apache ECharts, Highcharts, MUI X Charts.

A heatmap-style visualization showing the energy distribution across the 12 pitch classes (C, C#, D, D#, E, F, F#, G, G#, A, A#, B) over time. Each column represents a time frame and each row a pitch class, with color intensity indicating the energy or magnitude at that pitch-time point. Widely used in music information retrieval to analyze harmonic content, detect chords, estimate musical key, and study tonal progressions in audio signals.

Renders

• Full-resolution render, light theme
• Full-resolution render, dark theme

Preview render from the Matplotlib implementation.

Implementations

• Music Chromagram (Pitch Class Distribution over Time) in Altair (Python)
• Music Chromagram (Pitch Class Distribution over Time) in Bokeh (Python)
• Music Chromagram (Pitch Class Distribution over Time) in lets-plot (Python)
• Music Chromagram (Pitch Class Distribution over Time) in Matplotlib (Python)
• Music Chromagram (Pitch Class Distribution over Time) in Plotly (Python)
• Music Chromagram (Pitch Class Distribution over Time) in plotnine (Python)
• Music Chromagram (Pitch Class Distribution over Time) in Pygal (Python)
• Music Chromagram (Pitch Class Distribution over Time) in Seaborn (Python)
• Music Chromagram (Pitch Class Distribution over Time) in ggplot2 (R)
• Music Chromagram (Pitch Class Distribution over Time) in Makie.jl (Julia)
• Music Chromagram (Pitch Class Distribution over Time) in Chart.js (JavaScript)
• Music Chromagram (Pitch Class Distribution over Time) in D3.js (JavaScript)
• Music Chromagram (Pitch Class Distribution over Time) in Apache ECharts (JavaScript)
• Music Chromagram (Pitch Class Distribution over Time) in Highcharts (JavaScript)
• Music Chromagram (Pitch Class Distribution over Time) in MUI X Charts (JavaScript)