Chords is an application based on Web Serial connection, you can connect boards like Arduino Uno, Arduino Nano after uploading the ArduinoFirmware.ino code to it, you'll recieve data signals from the board which can be visualized on web using Chords. Users can visualize ECG and EMG signals.
[!NOTE] Flash Arduino code to your hardware from Chords Arduino Firmware to use it with Chords.
Features
- Connection: Experience a smooth connection/disconnection with board in single click.
- Real-time Visualization: Visualize incoming data without any jitter from the board in real-time.
- Recording: Record the signals data and download data in csv file.
How to use
- Connect the Arduino to your computer using a USB cable.
- Open the Arduino IDE and flash the provided firmware onto the Arduino.
- Open Chords in a web browser.
- Click the "Connect" button to establish a connection with the Arduino and stream.
- Click the "Zoom" button to zoom in on data visualization.
- Click the "Play/Pause" button to stop and start data on screen.
- Click the "Record" button to record data.
- Click the "download" button to download the recorded data.
- Click the "Delete" button to delete recorded data.
- Click the "Plus/Minus" button to increase/decrease channel.
- Click "Theme" button which is present in navbar to change theme.
- Click the "Disconnect" button to terminate the connection with the Arduino and stop the data stream.
Technologies Used
- Next js: A framework build on top of React.js.
- TypeScript: Statically typed superset of JavaScript.
- Tailwind CSS: Utility-first CSS framework.
- Shadcn UI: Provides Reusable and customizable components, built with radix UI.
- WebGl Plot: Real time charting library.
- IndexedDB Browser-based database for storing recorded data.
Resources
- Vendors list for board name and there vendor id are taken from Stackblitz created by William Grasel
Contributors
Thank you for contributing to our project! Your support is invaluable in creating & enhancing Chords-Web and making it even better. 😊