Piano roll (MIDI)

Native piano-roll melody visualization. Notes render as coloured rectangles on a horizontal time axis with a full piano keyboard on the left (white + black keys). Supports tempo / time signature / per-note colour + velocity. Complements the ABC-style `music` engine for melodic snippets.

Templates

Source language

plaintext

Workstation

Studio

Engine id

pianoroll

Open in Studio

In the same space

Most users come to Piano roll (MIDI) from MIDI DAW screenshots or PianoVisualizer. flowss runs this engine in the browser — no install, shareable via URL, exportable to PNG / SVG / PDF / source.

Syntax at a glance

tempo 120
time 4/4
note C4 at 0 length 1
note E4 at 1 length 1

Paste this in the Studio code pane to see Piano roll (MIDI) render live. The full grammar is at the upstream-docs link above.

Sample templates

All 10 →

custom

Piano roll — C major scale

Ascending C major scale visualization.

custom

Piano roll — Twinkle Twinkle

Opening phrase of Twinkle Twinkle Little Star.

custom

Piano roll — Cmaj7 arpeggio

Arpeggiated Cmaj7 chord.

custom

Piano roll — jazz lick

Mixolydian-flavoured walking line.

custom

Piano roll — I-V-vi-IV progression

Pop chord progression with simultaneous notes.

custom

Piano Roll — Bach, Prelude in C Major BWV 846, Bars 1–4

The opening four bars of the first prelude of The Well-Tempered Clavier, Book I: each half-bar holds a bass note for two beats and the second note from the second sixteenth, while the upper three notes arpeggiate twice. The harmony — C, Dm7/C, G7/B, C — is legible as the stacked colours.

Engine reference: pianoroll · ← Browse all engines · Quick-start guide