Bar Visualizer

A row of bars driven by frequency bands, with idle, loading and mirrored modes. Bars paint without re-rendering React.

Library

audiocn

Framework

React

Type

ui

License

MIT

Install

npx shadcn@latest add @audiocn/bar-visualizer

Files

• components/ui/bar-visualizer.tsx
• lib/audio/types.ts
• lib/audio/decibels.ts
• lib/audio/ballistics.ts
• lib/audio/zones.ts
• lib/audio/taper.ts
• lib/audio/bands.ts
• lib/audio/bar-levels.ts

Source

https://github.com/audiocn/ui

Categories

• Audio Visualizer Components
• React Audio Visualizer Components
• Tailwind CSS Audio Visualizer Components
• Bar Chart Components
• Tailwind CSS Bar Chart Components
• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Media Components

More from audiocn

• Electric Bar Visualizer
• Electric Waveform
• LCD Meter
• Live Waveform
• Smooth Waveform
• Spectrum
• Waveform
• Audio Device Select
• Audio Player
• Channel Strip
• Channel Toggle
• Clip Indicator