Skip to main content
AI Edit
Public

Share visualization

Send this visualization to others.

Algorithmic Sequence Piano with Sonic Controls

Public visualization

By curran on VizHub

Choose how to deliver this visualization

Each option retains the visualization's existing access rules. Check the client's permissions and data license before handing it off.

Post on XLinkedIn

LinkedIn caption

LinkedIn cannot prefill the post text. Copy the caption, then paste it in LinkedIn. You can tag the VizHub company page when posting.

More options

Embed on a websiteCopy iframe embed code

The embed preserves the visualization's visibility and project dataset permissions.

Download & exportHTML, source ZIP and authorized project data

Source ZIP contains editable visualization files; it does not include project datasets. Standalone HTML is available where authorized and packages readable referenced data for offline use. Dataset ZIP requires project read permission.

Standalone HTMLSource ZIP
Publishing & handoffCopy a client maintenance summary

Includes the canonical link, visibility, and available export formats. Confirm dataset attribution, licensing and maintenance responsibilities with the publisher.

Viewing a saved revision (read-only)

cqIZdVggEa242O690yRP4

Algorithmic Sequence Piano with Sonic Controls

0 stars0Public
CCurran Kelleher
Last edited Nov 10, 2026
Created on Nov 10, 2026
Forked from Piano App

An interactive virtual piano with white and black keys generates musical tones through the Web Audio API, allowing play via mouse, touch, or keyboard. The instrument displays a realistic 3D design using CSS gradients and shadows, with visual feedback through CSS transitions on key presses. A built-in demo melody button triggers a pre-programmed scale. The implementation dynamically creates piano keys through DOM manipulation and uses Web Audio API for audio synthesis with gain control, demonstrating front-end techniques for responsive instrument interfaces.

Sonic Aura Sequencer

An algorithmic step sequencer that generates evolving pentatonic arpeggios, with a compact L-system-inspired phrase grammar and a small chance of chromatic passing notes.

How to Use

  1. Press Play to run the 16-step loop.
  2. Press Generate to create a new structured arpeggio. Density affects how many notes are played; the phrase remains anchored to a repeating motif.
  3. Click grid cells to add or remove notes manually.
  4. Use the controls to shape tempo, density, filter, envelope, delay, and detuning.
  5. Choose a Minor Pentatonic or Major Pentatonic scale. Generated chromatic color notes appear in amber and occur only occasionally.
  6. Enable Arpeggio, Drone Pedal, Chords, or the visual aura options to alter playback and presentation.

Generation

The generator expands a small symbol grammar into a repeating phrase, maps the result to pentatonic scale degrees, then applies a beat-aware density gate. Strong beats and phrase endings are favored. A low-probability chromatic semitone is used as an off-color passing tone, while the rest of the generated notes remain in the selected pentatonic scale.

MIT Licensed