Playgrounds

Interactive demos for the Notations library

Try out the Notations library in these interactive playgrounds. Edit notation source and see the results in real-time.

Available Playgrounds

Side-by-Side Editor

A resizable two-panel layout with the source editor on the left and rendered notation on the right. Uses DockView for flexible panel management.

  • Drag panel dividers to resize
  • Rearrange panels by dragging tabs
  • Console panel shows parse results
Open Side-by-Side Playground

Notebook Editor

A cell-based editor where each notation block becomes an editable cell. Similar to Jupyter notebooks but for music notation.

  • Click cells to edit inline
  • Nested sections displayed hierarchically
  • Shared column alignment across cells
Open Notebook Playground

Model Events Demo

Interactive demo showing the Observer pattern for model change events. Add, insert, and remove atoms while watching the event log.

  • Real-time event notifications
  • Toggle events on/off
  • See typed observer callbacks
Open Model Events Demo

What You Can Do

Both playgrounds let you:

  • Edit notation source - Write or modify Carnatic music notation using the DSL
  • See live rendering - Watch notation render as you type or on demand
  • Try sample notations - Load pre-built examples to learn the syntax
  • Debug parsing - View console messages for parse errors and timing

Choosing a Playground

Use Case Recommended Playground
Quick experimentation with notation syntax Side-by-Side Editor
Working with long compositions with sections Notebook Editor
Learning the DSL with examples Either (both have samples)
Editing individual sections independently Notebook Editor

See Also