Editor reference

Workspace and menus

The library lists browser projects and objects. The canvas holds the diagram. The inspector changes the current tool or selection. Drag either thin vertical divider to resize its neighboring panel; focus the divider and use the left or right arrow key for keyboard resizing.

Drawing and annotation tools

Select V

Click a vertex, propagator, object label, independent label, or free arrow to select it. Drag vertices and labels to reposition them. Dragging a free arrow moves both endpoints together; use the inspector to edit individual endpoints. Clicking empty space clears the selection. The Objects list provides another selection method. Arrow keys nudge a selected vertex by one unit; hold Shift for a larger step.

Add Vertex A

Choose a marker style and click the page. A vertex can show no mark, a small dot, or a larger open, filled, hatched, crosshatched, or dotted circle. Large circular markers expose an icon-radius control from 6 to 60 canvas units.

Connect Vertices C

Choose a line type and arrow behavior, then click two different vertices. The first click sets the start. Automatic arrows run from start to end for fermions. Bosons, scalars, and ghosts begin without an arrow. Use the Loop tool for a self-loop.

Add Loop L

Single vertex attaches a self-loop to one vertex. The editor points it toward the side with the most available space. Two vertices creates a matched pair of curved propagators, giving a circular loop. For fermions, the two arrows point in opposite directions.

Annotate → Label

Choose Label and click anywhere on the page to place an independent TeX label. The tool returns to Select after placement. Use independent labels for process names, equations, scale notes, or a legend. Select the label to edit its source, X/Y coordinates, or color.

Annotate → Arrow

Choose Arrow, then drag from the tail to the head. The tool returns to Select when the drag ends. Select the arrow to move it as one object, edit either endpoint, change its color, or delete it. Free arrows work well for explanatory callouts and axes.

Object inspector

Propagator styles

Line-style conventions vary by subfield and paper. Use labels and a legend if your audience might read a style differently.

Vertex controls

A selected vertex exposes its TeX label, X/Y position, label X/Y offsets, marker style, and marker radius. Vertices stay inside the 720 × 480 page with a 20-unit margin; labels can move across the page up to their visible edges. Snapping aligns vertex position edits to the active grid.

Independent annotations

Label syntax

Vertex, propagator, momentum, and independent labels use the same TeX-like input. Drag object labels for visual placement or enter offsets for repeatable alignment. The label reference lists supported commands and examples.

Figure and view settings

View → Show Figure Style Panel keeps figure controls visible in the right sidebar. Edit → Figure Style opens the same main choices in a dialog.

Projects and history

My diagrams holds projects saved in this browser at this hostname. Click a project name to switch. Use the × button to delete one after confirmation. Click the diagram title or choose Edit → Rename Diagram to rename it.

The app autosaves after edits. Manual Save downloads an editable project file, which protects the work from browser-data clearing or a move to another hostname. Open validates and restores a project file smaller than 1 MB.

Undo and redo apply to edits within the active document. Opening a different project or replacing the document starts a new history. See Files & export for recovery and portability details.

Keyboard reference