Workshop & Stations
TeachFORGE.ai
Workshop / SVG Editor
SVG Editor Station
Author SVG diagrams visually — shapes, text, paths, labels, and teaching annotations — then export a sharp vector or send it live to the board.
AI can draft. You decide what the class sees.
What SVG Editor is
SVG Editor is a way of drawing vector diagrams by placing shapes, text, paths, and labels directly on a canvas. You compose the figure visually — then get a clean, sanitised SVG preview you can export or send to the board.
That matters in teaching because not every explanation fits a template. Sometimes you need a labelled sketch, a callout, or a custom diagram that stays sharp at any size — without redrawing it as a blurry photo.
Why teachers use SVG Editor
Labelled diagrams
Annotate figures for worksheets and board talk with leaders, callouts, and connectors.
Geometry starters
Triangles, number lines, unit circles, and grids you can adapt in minutes.
Callouts that teach
Point clearly at the idea that matters — not a crowded freehand scribble.
Vectors you own
Export SVG that stays crisp in documents, slides, and other platforms.
On TeachForge, SVG Editor is a Workshop Station — built to move from sketch to live teaching without leaving the platform.
Inside the SVG Editor Station
Like the rest of the Workshop, you get a familiar working space: draw and refine on the canvas, see the SVG result update beside it.
- Fabric canvas tools — select, pen, line, rectangle, text, freehand, undo and redo, pan
- Annotation tools — smart arrows, callouts, leaders, and connectors
- Layers, Properties, and Document panels so structure stays manageable
- Dual save model — canvas JSON plus generated markup
- Parametric catalogue starters and markup tokens with sliders when a figure should vary
- Export SVG / PNG / JSON and one-click send to the Whiteboard
How a drawing becomes an SVG
Start from a catalogue starter or draw on the canvas
Compose shapes, text, and annotations as you need them.
Refine layers and properties
The sanitised SVG preview updates; parametric tokens can drive sliders when present.
Export, save, or send it live
Take it to the board, into a question, or out as a file you own.
One diagram. Every version of it.
Alongside free drawing, SVG Editor supports parametric starters: teaching figures with controls and markup tokens — so a triangle, number line, or unit circle can change without redrawing every line.
Change it while you teach
Adjust parametric values and watch the preview respond.
Keep the structure, vary the detail
The same labelled starter can become a harder follow-up or a cleaner board version.
Match the room in one step
Age-band defaults on catalogue packages help the figure fit the audience.
Stay close to assessment
Save JSON or SVG and reuse the same diagram in questions and labs.
Prefer drawing everything freehand? The canvas stays. Parametric starters are there when you want a classroom instrument, not only a one-off sketch.
Ready-made diagrams to start from
Open a catalogue starter and adapt it to your lesson:
| Area | What you can open |
|---|---|
| Geometry starters | Labelled triangle; Number line; Unit circle; Angle diagram; Coordinate grid |
| Annotation tools | Smart arrows; Callouts; Leaders; Connectors |
AI help, your way
Need a first draft? Use AI as an assistant — then review, edit, and approve before anything reaches learners.
Copy the prompt
Generate a ready-made prompt and paste it into the chat tool you already use.
Use your own GPU
Connect a local model endpoint in your settings and run generation on hardware you control.
Use your own API key
Add your provider key in settings, choose the model, and generate with your own account.
AI can be wrong. That is exactly why a teacher stays in the loop.
Take the diagram where teaching happens
- Whiteboard — put it on the live board and adjust it in front of the class
- Quest Ladder — drop it into questions and explanations
- Virtual Lab — reuse it inside interactive lab work
- Community — share what you built, and build on what other educators shared