WebPremium Verified

Spectrum Monitor Chart UI Block

A reusable, editable spectrum monitor section for technical product pages, research summaries, and executive reporting. It pairs a clear signal plot with concise measurement context in a warm-neutral dark interface.

What you get

  • A single-page stats section centered on a spectrum monitor chart
  • A cohesive dark warm-neutral palette with controlled teal signal glow
  • Readable frequency ticks, measurement units, and compact status metrics
  • Responsive layout guidance for desktop and narrow screens

Good fit

  • Technical summaries where a frequency distribution is the primary evidence
  • Product pages that need a polished, self-contained monitoring visualization
  • Reports with sample data that can be replaced by real measurements

Not for

  • A full monitoring console with multiple panels and navigation
  • A chart that must provide audited scientific or safety-critical interpretation

What you provide

  • Measurement name, audience, and key takeaway
  • Values, units, frequency labels, and sampling interval

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-spectrum-monitor-chart-ui-block Create a responsive spectrum-monitor section for technical report readers, with one section titled “Line Vibration Spectrum” showing four stats in this order: dominant peak 4.2 kHz, current level 1.8 mm/s, alert threshold 2.5 mm/s, and sample interval 1 s. Use the skill’s Cinder Signal Monitor style.

Follow-up prompts

  • Make the chart fit a narrow mobile column without hiding frequency labels.
  • Add an accessible text summary that describes the dominant peak and threshold status.

Verification

Verified

render-checkpass4.0 / 511s

FAQ

Can I replace the example measurements?

Yes. Keep the supplied data editable and replace it with your values, units, and interval. Update the axis range and summary metrics together so the chart remains internally consistent.

Does this include signal-processing logic?

No. The block presents supplied data; it does not calculate a spectrum or validate instrument readings. Use a domain-appropriate processing pipeline for real analysis.

What should the chart communicate?

Name the measured quantity and unit, show a meaningful frequency scale, and make the main takeaway clear without requiring the reader to infer the chart's context.

Similar skills