← Back to projects
Audio Tooling Developer

PianoViz

PianoViz is the MIDI visualization, practice, and session-management surface for analyzing notes, chords, playback, and arrangement ideas. This page now uses a dedicated preview shell so the app stays fully visible in the portfolio without nested scrollbars or clipped panels.

Embedded here: a scaled live preview of the real PianoViz build fitted cleanly into the page.
Live PianoViz App
Primary surface MIDI practice workspace

Keyboard interaction, note analysis, playback, and projects live in one browser surface.

Workflow Browser + Logic Pro

The preview centers the main app while the product still supports DAW-side companion use.

Mobile fit Scaled live build

The full interface stays visible inside the page instead of clipping the keyboard or side panels.

The shared preview shell now frames PianoViz the same way as the other projects, while still loading the real built app from the repo under the hood.

Built With

React Vite Web MIDI Web Audio Swift 5.9 Audio Unit

Primary Product

PianoViz is the user-facing environment for visualization, guided practice, and MIDI-based exploration. It is the part of the system that is easiest to run, demo, and iterate on directly in the browser.

Logic Pro Companion

  • PianoViz is presented as a single product rather than split across separate names
  • The Logic Pro side is treated as a companion workflow for routing, playback, and production use
  • The browser surface remains the fastest way to demo note analysis, practice tools, and MIDI interaction

Browser Surface

The embedded app demonstrates the live interaction layer: dynamic keyboard range, MIDI device status, note analysis, project saving, and practice workflows that are visible and runnable directly inside the portfolio.

Logic Pro Positioning

The Logic Pro integration is now described as part of the PianoViz workflow instead of as a separate brand. That keeps the product story cleaner while still leaving room for native Audio Unit or DAW-specific packaging behind the same core experience.