Spectrogram visualization in Signal Processing - Step-by-Step Execution

Concept Flow - Spectrogram visualization

Input Signal

↓

Windowing: Split signal into chunks

↓

Apply FFT on each chunk

↓

Calculate magnitude (power) spectrum

↓

Stack spectra over time

↓

Display as 2D image: Time vs Frequency vs Intensity

The signal is split into small time windows, each window is transformed to frequency data, then all frequency data are combined over time to form the spectrogram image.

Execution Sample

Signal Processing

import numpy as np
import matplotlib.pyplot as plt
from scipy.signal import spectrogram

f, t, Sxx = spectrogram(signal, fs=fs)
plt.pcolormesh(t, f, 10 * np.log10(Sxx))
plt.ylabel('Frequency [Hz]')
plt.xlabel('Time [sec]')
plt.title('Spectrogram')
plt.colorbar(label='Intensity [dB]')
plt.show()

This code computes and plots the spectrogram of a signal showing how frequency content changes over time.

Execution Table

Step	Action	Input/Variable	Output/Result
1	Receive input signal	signal (array), fs (sampling rate)	signal array ready
2	Split signal into windows	signal array	windows (chunks of signal)
3	Apply FFT on each window	windows	frequency spectra per window
4	Calculate power spectrum	frequency spectra	magnitude squared spectra (Sxx)
5	Stack spectra over time	Sxx	2D array (frequency x time)
6	Convert power to dB scale	Sxx	10 * log10(Sxx)
7	Plot spectrogram	time (t), frequency (f), power dB	color mesh image showing intensity
8	Show plot	plot object	visual spectrogram displayed
9	End	N/A	Spectrogram visualization complete

💡 All windows processed and spectrogram displayed

Variable Tracker

Variable	Start	After Step 2	After Step 3	After Step 4	After Step 5	After Step 6	Final
signal	raw input	unchanged	unchanged	unchanged	unchanged	unchanged	unchanged
windows	N/A	array of chunks	unchanged	unchanged	unchanged	unchanged	unchanged
frequency spectra	N/A	N/A	FFT results per window	unchanged	unchanged	unchanged	unchanged
Sxx (power spectrum)	N/A	N/A	N/A	magnitude squared	stacked 2D array	unchanged	unchanged
Sxx dB	N/A	N/A	N/A	N/A	N/A	10 * log10(Sxx)	unchanged
plot	N/A	N/A	N/A	N/A	N/A	created	displayed

Key Moments - 3 Insights

Why do we split the signal into windows before applying FFT?

Splitting into windows lets us see how frequencies change over time. The execution_table step 2 shows signal split into chunks, enabling time-local frequency analysis.

Why convert power spectrum to decibels (dB)?

Decibels make it easier to see differences in power on a logarithmic scale. Step 6 in execution_table shows this conversion for better visualization contrast.

What does the color in the spectrogram represent?

Color shows the intensity (power) of frequencies at each time window. Step 7 shows plotting with power in dB mapped to color.

Visual Quiz - 3 Questions

Look at the execution_table, at which step is the signal split into smaller chunks?

A Step 2

B Step 3

C Step 4

D Step 5

💡 Hint

Check the 'Action' column for 'Split signal into windows'

According to variable_tracker, what is the state of 'Sxx' after Step 5?

A Raw input signal

B Stacked 2D array of power spectra

C FFT results per window

D Power spectrum converted to dB

💡 Hint

Look at the 'Sxx (power spectrum)' row under 'After Step 5'

If we skip converting power to dB (Step 6), how would the spectrogram plot change?

A Plot would be identical

B Plot would not show any frequencies

C Colors would represent raw power, possibly less contrast

D Plot would show time on y-axis instead

💡 Hint

Refer to Step 6 and 7 in execution_table about power conversion and plotting

Concept Snapshot

Spectrogram visualization:
- Split signal into short windows
- Apply FFT to each window
- Compute power spectrum (magnitude squared)
- Stack spectra over time to form 2D array
- Convert power to dB scale for better contrast
- Plot time vs frequency with color showing intensity

Full Transcript

Spectrogram visualization breaks a signal into small time windows. Each window is transformed using FFT to get frequency content. The power spectrum is calculated by squaring the magnitude of FFT results. These spectra are stacked over time to form a 2D array showing frequency vs time. The power values are converted to decibels to improve visual contrast. Finally, the spectrogram is displayed as a color image where colors represent intensity of frequencies at each time window. This helps us see how frequencies in the signal change over time.