Skip to content

A visualization repo for displaying notes played on the circle of fifths

License

Notifications You must be signed in to change notification settings

stianlaa/midi-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

midi-visualizer

A visualization repo for displaying notes played on the Circle of fifths.

About the Circle of fifths

The circle of fifths shows the order of notes you get if you jump five keys at a time on the keyboard 12 times. It can be used to show symmetry and harmony in note transitions which are harder to spot in other visualizations.

Usage example of midi visualizer

The first three note transitions sound harmonic and nice, they are referred to as "perfect fifths", and are visualized as one step from each other. The fourth transition sounds very discordant and wrong, and is visualized as a jump straight accross the circle. Then the the first two bars of House of the rising by The Animals is played.

Structure

The visualizer consists of two parts, a simple svelte single-page-application and a rust backend which listens to midi signals from a keyboard, and publishes this information on a websocket.

Getting started

The rust and svelte apps have their own readme, showing how the visualizer can be used.

About

A visualization repo for displaying notes played on the circle of fifths

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published