Diagrams is an advanced activity type, available on the Plus and Premium plans (paid or comp’d). On the Free plan, creating one requires an upgrade to Plus or Premium. Anything you’ve already built stays open to view and edit if you later move to Free — only creating a new one is gated. See Plans & Pricing.
Try it live
Pan and zoom a finished diagram of each type, exactly as a student sees it. Every example is a real activity in read-only mode, no account needed.How a Bill Becomes a Law — Flow chart
Sixteen elements with labelled Yes/No branches.
Causes of World War I — Mind map
Militarism, Alliances, Imperialism and Nationalism radiating from one centre.
All live examples
One example for every activity type and sub-type.
The diagram types
One Diagrams activity is one of two types to start, chosen in the setup editor:- Flow Chart — processes, decisions, and sequences. Drag process boxes, decision diamonds, start/end terminators, inputs and outputs, and connect them to show how one step leads to the next.
- Mind Map — branching ideas. Start from a central topic and radiate topics and sub-topics outward.
Creating a Diagrams activity
- Go to Activities → Create and pick the Diagrams tile. (Choosing a type is now an explicit step — nothing is pre-selected for you.)
- Give it a title and link it to a classroom. The classroom link matters: students participate through their classroom enrollment.
- On the activity page, open Diagram setup to choose the diagram type, toggle Logic Mode (flow charts only), set the grid, and choose who edits the diagram. Then open the canvas with Open canvas.
Building on the canvas
Open the canvas in teacher mode to build the shared diagram:- Add elements — open the Elements panel, choose a shape, then click the canvas to place it. Placement returns to selection mode after each element, so click a shape again to add another.
- Move and resize — drag an element to move it; drag its corner handles to resize (hold Shift to keep the proportions). Selected elements can also be nudged with the arrow keys.
- Connect — select an element and drag from one of its anchor points to another element. Connectors route around your shapes, and you can restyle any connector — width, line style, color, arrowheads, and route — from its properties panel or set defaults before you draw.
- Style — give elements a fill from the built-in palettes, and set text size, weight, and color per element.
- Zoom and pan — use the on-canvas controls to zoom, fit the whole diagram to view, or pan; toggle snap-to-grid in the setup.
.png?fit=max&auto=format&n=laKFmI15-RqGTiKZ&q=85&s=c256af0c511b71a786811c4ddd6e2798)
.png?fit=max&auto=format&n=laKFmI15-RqGTiKZ&q=85&s=a8410b0dd9a9f02bd5f7ad7bfac2649e)