https://github.com/chipbell4/mondrian-chord-visualizer

This experiment visualizes microtonal chords using a Piet Mondrian-style generated image.
https://github.com/chipbell4/mondrian-chord-visualizer

Last synced: 9 days ago
JSON representation

This experiment visualizes microtonal chords using a Piet Mondrian-style generated image.

• Host: GitHub
• URL: https://github.com/chipbell4/mondrian-chord-visualizer
• Owner: chipbell4
• Created: 2023-12-09T00:06:17.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2023-12-09T02:32:31.000Z (11 months ago)
• Last Synced: 2024-04-14T18:27:15.368Z (7 months ago)
• Language: TypeScript
• Size: 420 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Mondrian Chord-Visualizer

This experiment visualizes microtonal chords using a Piet Mondrian-style generated image.

On the left is a resizable image (click the black bars!).

As the image proportions change, the notes in the chord change to reflect the new area of each sub-rectangle.

On the right, we notate the actual chord being played using [vexflow](https://www.vexflow.com/).

![demo gif](mondrian.gif)

## Build

`npx vite` FTW.