Docs / Accessibility

Audio chart

Pro

A line chart that can be played as sound. Pitch maps to value, time to the x-axis — with a screen-reader summary.

Illustration — rendered output uses live data.

Example

blade 
<chart:audio
    :series="[['name' => 'Temp', 'data' => [10, 14, 9, 18, 22]]]"
    :categories="['Mon', 'Tue', 'Wed', 'Thu', 'Fri']"
    :duration="4000"
    instrument="triangle"
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
track int 0 Which series to sonify.
duration int 5000 Playback length in milliseconds.
instrument string sine sine, square, triangle or sawtooth.
minFreq int 220 Frequency for the lowest value (Hz).
maxFreq int 880 Frequency for the highest value (Hz).

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro