audio-graph-visualizer

This tool helps you to create your own audio routing graph and use different visualizations to analyze and improve the audio routing graph.

Table of Contents

• Features
• Installation
• Usage
• Contact

Features

• Real-time audio visualization
• Create your own audio routing graph
• Multiple visual effects

Installation

1. Install the package

   npm i audio-graph-visualizer

Usage

1. Import CSS for Reactflow in global space

   import "reactflow/dist/style.css";

2. Import the Visualizer Component

   import { Visualizer } from "audio-graph-visualizer";
   

3. Use the Visualizer component

   return (
       <Visualizer />
   );
   

4. Start your app and allow microphone access to start visualizing the audio data.

Contact

• Shlok Patel
• GitHub: Shlokkzz