StagePlot v2 Guide

How to use it, how to share it, and how to keep the triangle from hiding in plain sight
Guide v1.7.5 Open the app Donate

Whats New in v1.7.5

Shapes + print stability
Triangle shape (with visible selection)
  • Triangle is available in the item shape control.
  • Triangles use clip-path, so selection shows via glow highlight instead of outline.
Circle mode stays round
  • Circle enforces equal width and height so circles do not become ovals.
  • If an older project has stretched circles, toggle shape off and back to circle to normalize.
Better multi select visibility
  • Selected items are easier to spot, including triangles.
  • Multi select triangles glow too, so your selection is not a guessing game.
Print behavior is more predictable
  • Recent print fixes aim to make stage output less dependent on browser window size.
  • Long notes still print, but may flow to page 2 if you write a full novel to FOH.

Quick Links

Fast stuff first
If you are in a hurry, this is the "get in, get it done, get paid" section.
Open StagePlot
The main app page
Open index.html
Share + QR Code
Send your plot to bandmates or the venue
Donate
Fuel the feature gremlins (they run on snacks)
PayPal Donate
Print
One page handoff for FOH or the stage manager
In app: Print button

Getting Started

Make a stage plot in minutes
1) Set your stage size
  • Open the Layout section.
  • Pick a preset: Small, Medium, Large.
  • Or choose Custom and type Width and Depth.
  • Toggle ft/m whenever you feel like living dangerously.
2) Add items
  • Use the Item Library to add Vocal, Guitar, Keys, Drums, wedges, power, etc.
  • Items appear centered, ready to drag.
3) Place items
  • Drag an item to move it.
  • Shift, Cmd, or Ctrl click to multi select.
  • All the on-canvas tools are below the stage (nudge, center, resize, and friends).
4) Add inputs and mixes
  • Select an item and fill out Input and Mix.
  • The Inputs and Monitor Mix lists auto-build from your items.

Shapes

Circle, Rectangle, Diamond, Triangle
Circle
  • Circle mode forces width and height to match so circles do not become ovals.
  • Best for wedges, stools, mic stands, and the occasional mysterious “perc island”.
Rectangle
  • Default shape for most gear and people.
  • Selection shows as an outline.
Triangle
  • Great for marking corners, risers, or directional props.
  • Triangles use clip-path, so selection uses a glow highlight, not an outline.
Nerd note: outline is not reliable with clip-path in some browsers, so glow is the safer selection indicator.

Selection, Multi Select, and Tools

The good stuff
Selecting
  • Click an item to select it.
  • Shift, Cmd, or Ctrl click to add or remove items from the selection.
  • Delete or Backspace deletes selected items.
  • Esc clears selection.
Nudge
  • Use the on-screen nudge arrows under the stage.
  • Or use Shift + Arrow Keys for quick tiny moves.
Resize and Scale
  • Set base footprint with Width and Depth.
  • Use Scale to grow or shrink the footprint without changing the base size.
  • On touch screens, use two-finger pinch on the selected item to scale.
  • Rotation is available in the Info panel.
Colors
  • StagePlot supports item box colors.
  • If you set a color on multiple selected items, they all update together.
Nerdy detail: View Zoom only changes what you see. It does not change the stage size or item sizes.

Saving, Exporting, Importing

Backups that do not judge you
Autosave
  • Your work is saved to your browser automatically as you edit.
  • If you refresh, it should come back like a loyal dog.
Export and Import Project JSON
  • Use Export Project JSON to save a file you can share or archive.
  • Use Import Project JSON to load it later on any device.

Printing a One Page Handoff

FOH friendly
  • Hit Print in the header.
  • StagePlot temporarily normalizes print scaling so output is more consistent.
  • Save as PDF if you want to email it to a venue or keep it in your band folder.
Important real-world note
If your Show Notes are long, they may still continue onto page 2. That is normal. The stage plot stays the hero on page 1, and extra notes can flow after it. If something is mission critical, keep it short, high priority, and near the top of your notes.

Print Notes + Readability

Make page 2 less chaotic
Best practice for notes
  • Put the most important info first.
  • Use short phrases instead of giant paragraphs.
  • Think: load-in time, FOH contact, monitor needs, power weirdness, backline must-knows.
  • If a venue only glances at one page, page 1 should still tell the story.
What prints clearly
  • Short notes print best.
  • Input and Mix lists are easier to scan than buried prose.
  • If something must not be missed, put it in both the notes and the label/list structure where possible.
Translation: do not hide “lead vocal needs phantom and no wedge” inside a dramatic wall of text written like a Civil War letter.

Share and QR Code

Send the plot link in style
This guide page can generate a QR code for your StagePlot link.
Donate

Donate

Keep it alive
If StagePlot saved you time, consider tossing a few bucks in the tip jar.
Donate via PayPal
Donate URL: https://www.paypal.com/donate/?hosted_button_id=4BP339J2UAL46

Troubleshooting

When reality fights back
  • I cannot find Layout - On mobile it is first. On desktop it is at the top of the middle panel section.
  • I cannot find the tools - Scroll under the stage. All tooling sits below the stage area.
  • My items look huge - Check View Zoom and reset it to 100% in the app.
  • Triangle is selected but I cannot tell - Look for the glow highlight. Triangles do not use outline selection.
  • My notes went to page 2 - That usually means the notes are longer than the remaining printable space. Keep the critical stuff at the top and trim fluff where possible.
  • The PDF looks different between windows - Use the latest app build. Recent fixes reduce browser window size from affecting final print scale.
Copied