Shape catalog

Driving-scenario shapes

Shape	Purpose	How to draw
Linestring	Continuous line, used for lane boundaries, curbs, markings.	Click to drop each point; press Enter to finish.
Lane	A drivable lane with two boundaries, a centerline, and connection slots (Next / Previous / Left / Right).	Center Line mode: click along the centerline, Enter to finish. Boundary mode: click two existing boundary linestrings. See Your first three lanes.
Vehicle	Templated vehicle (Sedan, Bus, Truck, Motorcycle).	Pick a template, then click to place.
Pedestrian	Templated pedestrian (Walking, Simple).	Pick a template, then click to place.
Path	Trajectory used for arrows, footprint groups, or scenario paths. Arrow or band style.	Click to add each point; press Enter to finish (Backspace undoes the last point).
Polygon	Closed area (parking lot, hatched zone).	Click each corner; press Enter to close the shape.
Crosswalk	Pre-styled pedestrian crossing.	Click to place.
TrafficLight	Vehicle or pedestrian signal.	Click to place.
Intersection	Multi-lane junction template.	Click to place, then adjust arms.

Basic shapes

Shape	Purpose	How to draw
LineArrow	Single-segment arrow (W).	Click to place the start, then click again to place the end.
Arrow	Free-form arrow.	Drag a stroke across the canvas; the arrow follows the path you draw.
Text	Plain or annotated text.	Click to place the caret, then type.
Math (LaTeX)	Rendered LaTeX equation, see Math (KaTeX) below.	Click to place, then type LaTeX in the inline editor.
Freehand	Drawn with a pen-like stroke.	Drag to draw the stroke.
Rectangle	Axis-aligned rectangle.	Drag from one corner to the opposite corner.
Ellipse	Axis-aligned ellipse.	Drag to define the bounding box.
Image	Imported PNG / JPG / SVG.	Drop a file onto the canvas, or place from the toolbar.

Math (KaTeX)

The Math shape (fx in the toolbar, also /) stores LaTeX source and renders it with KaTeX. The source is kept editable — double-click any equation to reopen the inline editor. See the tutorial for the click-by-click walkthrough.

Supported LaTeX

The Math tool accepts everything in KaTeX’s supported functions list. Highlights:

Category	Examples
Greek letters	\alpha \beta \gamma \pi \Omega
Operators	\sum \int \prod \lim \nabla
Fractions and roots	\frac{a}{b} \sqrt{x} \sqrt[3]{x}
Sub/superscripts	x_1^2 x_{i,j}^{n+1}
Sets and logic	\in \notin \subseteq \forall \exists \implies
Arrows	\to \rightarrow \Rightarrow \leftrightarrow
Decorations	\hat{x} \bar{x} \vec{v} \tilde{x} \overline{ABC}
Matrices	\begin{pmatrix} a & b \\\\ c & d \end{pmatrix}
Aligned systems	\begin{align} f &= g \\\\ h &= k \end{align}
Cases	\begin{cases} x & \text{if } y \\\\ 0 & \text{otherwise} \end{cases}
Chemistry (mhchem)	\ce{2 H2 + O2 -> 2 H2O} \pu{12 km/h}

Syntax errors don’t crash the editor — KaTeX highlights the offending tokens in red while you keep typing.

Style attributes

The Math attribute panel exposes:

Property	Range / Options
Color	Any colour from the drawtonomy palette. Defaults to black.
Size	8 – 200 px (font size). Defaults to 20 px. The whole equation rescales proportionally.

Rotation is set on the Math shape just like every other shape — grab the handle that appears above the selection box.

Export

Math shapes are exported through every path in export formats:

• SVG / PNG / .drawtonomy.svg — embed the rendered KaTeX HTML inline so the equation stays sharp at any zoom.
• PDF / EPS — text glyphs are converted to paths via opentype.js, including the square-root vinculum (\sqrt), so the file never depends on a recipient having the right fonts.

Limits

• Drawing many hundreds of equations on one canvas works, but each one is an independent KaTeX render — extremely dense pages will feel slow.
• Custom KaTeX macros (\newcommand) are not supported; the renderer runs with KaTeX defaults plus mhchem.

Custom templates

You can add SVG templates for vehicles, pedestrians, road markings, and signs. The contribution flow is in the Template Guide.