Nodes/dotWaveform/Dotted Waveform Visualizer
ComfyUI Node

Dotted Waveform Visualizer

Creates animated dotted waveform visualizations from audio input with customizable appearance, colors, and animation styles

By Saganaki22·Created 12 months ago·Updated 4 months ago· 31
Dotted Waveform Visualizer
  • audio
  • images
  • audio
  • fps_output
width1280
height720
size6
spacing3
dot_color#00FFFF
background_color#000000
animation_style
max_height60
fps10
max_frames300
opacity_modeuniform
gradient_enabledfalse
gradient_stops[]
amplitude_boost1.0
advanced_modefalse
window_size2.0
preview_modefalse
Categoryaudio/visualization

Inputs (18)

NameTypeDefaultDescription
audioAUDIOAudio file to create waveform visualization from
widthINT1280100–1920Output image width in pixels. Default 1280 (landscape HD). Max 1920 for Full HD.
heightINT720100–1920Output image height in pixels. Default 720 (landscape HD). Max 1920 for square/portrait.
sizeINT61–30Size of individual dots/bars in pixels. Larger size = bolder appearance. Range: 1-30px.
spacingINT31–40Distance between dot/bar centers. Smaller values = denser waveform. Range: 1-40px.
dot_colorSTRING#00FFFFHex color for waveform dots. Examples: #00FFFF (cyan), #FF0000 (red), #00FF00 (green), #FFFFFF (white)
background_colorSTRING#000000Hex color for background. Examples: #000000 (black), #FFFFFF (white), #333333 (dark gray)
animation_styleCOMBOChoose animation style. SCROLLING: Continuous waveform. BREATHING: Pulsing dots. RADIAL: Expanding rings. BARS: Frequency bars. WAVE: Sine wave patterns. SPECTRUM: FFT frequency analyzer. CIRCULAR: Rotating circle.
max_heightINT605–150Maximum waveform size as % of image height. Higher = taller waveforms. Affects all animation styles including radial radius.
fpsINT101–60Animation speed in frames per second. Higher FPS = smoother but larger file size. Range: 1-60 FPS.
max_framesINT3000–1000Frame limit to prevent hangs on long audio. 0 = unlimited. 300 frames ≈ 30 seconds at 10 FPS.
opacity_modeCOMBOuniformUNIFORM: All dots same brightness (fastest). 3_LEVELS: 0%/50%/100% opacity. 5_LEVELS: More variation. 10_LEVELS: Smoothest gradients (densest look).
gradient_enabledoptBOOLEANfalse
gradient_stopsoptSTRING[]
amplitude_boostoptFLOAT1.00.5–5
advanced_modeoptBOOLEANfalse
window_sizeoptFLOAT2.00.1–10SCROLLING ONLY: Time window in seconds. How much audio timeline visible at once. Smaller = more detailed, larger = more overview.
preview_modeoptBOOLEANfalseToggle ON for fast preview with sine wave pattern (no audio processing). Toggle OFF for normal audio-based animation.

Outputs (3)

NameTypeDescription
imagesIMAGEGenerated waveform animation frames as image sequence
audioAUDIOOriginal audio data passed through unchanged
fps_outputFLOATActual frames per second value used for the animation