Discussion
Loading...

Post

  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Mayor of Banjotown
@mayor@banjo.town  ·  activity timestamp 4 days ago

I need to get up to speed with shadcn (ugh, react *and* tailwind) for $dayjob so I used that as an excuse for a long-overdue rewrite of my old app for visualizing diatonic chords for a given scale

it's powered by the tonal library which means it has a *ton* of scales (vs just major/minor)

also it's a single-file static app; you can save the HTML file and use it locally

https://tilde.club/~moondog8/apps/harmonize/

#musicTheory #scales #chords

Screenshot of a web app that shows you diatonic chords for a given scale, with highlighted notes. In the screenshot, the selected scale is D Dorian
Screenshot of a web app that shows you diatonic chords for a given scale, with highlighted notes. In the screenshot, the selected scale is D Dorian
Screenshot of a web app that shows you diatonic chords for a given scale, with highlighted notes. In the screenshot, the selected scale is D Dorian
  • Copy link
  • Flag this post
  • Block
Mayor of Banjotown
@mayor@banjo.town replied  ·  activity timestamp 4 days ago

...colors are messed up in firefox mobile for ios, almost certainly a darkmode thing. works in safari mobile

  • Copy link
  • Flag this comment
  • Block
Mayor of Banjotown
@mayor@banjo.town replied  ·  activity timestamp 4 days ago

ohhh I need to set this aside for now but I wrote a function (not yet deployed) to generate ABC notation for the selected scale and render it with abcjs

screenshot of the harmonize app with the E dorian mode rendered on a musical staff
screenshot of the harmonize app with the E dorian mode rendered on a musical staff
screenshot of the harmonize app with the E dorian mode rendered on a musical staff
  • Copy link
  • Flag this comment
  • Block
Log in

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.0-rc.3.21 no JS en
Automatic federation enabled
  • Explore
  • About
  • Members
  • Code of Conduct
Home
Login