Nodes/RyanOnTheInside/Animated Float Preview βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜
ComfyUI Node

Animated Float Preview βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜

Plot up to six numeric values over time, spectrogram included

By ryanontheinsideΒ·Created 2 years agoΒ·Updated 5 months agoΒ· 852
Animated Float Preview βš‘πŸ…‘πŸ…žπŸ…£πŸ…˜
  • audio
  • IMAGE
β—„window_size60β–Ί
β—„width960β–Ί
β—„height540β–Ί
β—„titleFloat Previewβ–Ί
β—„audio_brightness0.30β–Ί
β—„float_10.00β–Ί
β—„label_1Float 1β–Ί
β—„float_20.00β–Ί
β—„label_2Float 2β–Ί
β—„float_30.00β–Ί
β—„label_3Float 3β–Ί
β—„float_40.00β–Ί
β—„label_4Float 4β–Ί
β—„float_50.00β–Ί
β—„label_5Float 5β–Ί
β—„float_60.00β–Ί
β—„label_6Float 6β–Ί

This is the more general sibling of AnimatedFeaturePreview - instead of taking a formal FEATURE object, it plots raw float values directly, up to six of them at once, on one animated graph with a legend and its own color per line. Reach for this one when you're debugging plain numbers rather than a proper FlexFeature: a keyframed weight, a scalar you pulled from somewhere else in your graph, anything you just want to eyeball over time.

Another of ryanontheinside's FlexFeatures preview utilities.

How it works

It's a sliding-window animated line graph, same idea as its FEATURE-based cousin, but built to accept scalar or list-of-float inputs directly on up to six separate channels. The genuinely nice extra: connect an audio input and it renders a spectrogram behind the graph, so you can visually check whether your float curve is actually tracking the music rather than just eyeballing two unrelated plots side by side.

The inputs and outputs that matter

  • window_size, width, height, title - required, all with sensible defaults (60 frames, 960Γ—540, "Float Preview").
  • float_1 through float_6 - optional, each paired with its own label_1–label_6 string (defaulting to "Float 1" through "Float 6"). Only wire up the ones you actually care about - since they're all optional and default to 0, don't be surprised if the legend shows more lines than you meant to plot if you leave several connected out of habit.
  • audio - optional, purely for the background spectrogram.
  • audio_brightness - default 0.3. Lower values keep the spectrogram subtle so it doesn't fight with your float lines for attention.

Output is an IMAGE.

How to install it

Via ComfyUI Manager, search RyanOnTheInside. Manually:

cd ComfyUI/custom_nodes
git clone https://github.com/ryanontheinside/ComfyUI_RyanOnTheInside

then restart. No models needed - pure visualization.

Common issues & troubleshooting

Legend cluttered with flat lines you didn't mean to plot. Any float_N you left unconnected still has a default value (0) and a default label - only wire the channels you're actually debugging, and consider giving the ones you keep a real label_N so the legend is actually readable.

Spectrogram too loud or invisible. Adjust audio_brightness - it's a background layer, meant to support the float lines, not compete with them. If it's dominating the image, bring it down further than the default.

Values plotted flat even though you expect motion. If you're feeding a scalar (a single number) rather than a list of floats per frame, the line will render flat because there's genuinely nothing changing frame to frame - check upstream that you're actually producing a sequence, not a single value repeated.

CategoryRyanOnTheInside/FlexFeatures/Utilities/Previews

Inputs (18)

NameTypeDefaultDescription
window_sizeINT6010–3000β€”
widthINT960480–1920β€”
heightINT540270–1080β€”
titleSTRINGFloat Previewβ€”
audiooptAUDIOOptional audio input β€” renders a spectrogram behind the graph
audio_brightnessoptFLOAT0.300.05–1Brightness of the background spectrogram (lower = more subtle)
float_1optFLOAT0.00β€”
label_1optSTRINGFloat 1β€”
float_2optFLOAT0.00β€”
label_2optSTRINGFloat 2β€”
float_3optFLOAT0.00β€”
label_3optSTRINGFloat 3β€”
float_4optFLOAT0.00β€”
label_4optSTRINGFloat 4β€”
float_5optFLOAT0.00β€”
label_5optSTRINGFloat 5β€”
float_6optFLOAT0.00β€”
label_6optSTRINGFloat 6β€”

Outputs (1)

NameTypeDescription
IMAGEIMAGEβ€”