The Canvas

The canvas is where you actually build diagrams in livediagram. It is an open, scrollable surface you can pan and zoom freely, with a floating palette sitting on top of it for adding elements and switching tools. Everything works straight away, no sign-in required, so you can open a fresh canvas and start placing shapes in seconds.

The palette

A small floating panel sits over the canvas, labelled PALETTE, holding a row of controls for adding elements. It starts in the top-right corner on desktop, but the header row doubles as a drag handle: press it and drag to move the whole palette anywhere on the canvas. Clicking a button never starts a drag, so you can reposition the panel and still tap buttons cleanly.

The palette groups its contents into category tabs (Shapes, Tools, Components, Devices, Icons, and Technology), shown as a joined segmented control where one tab is open at a time. Shapes is open by default since it is the most common starting point on a fresh canvas. A collapse button beside the PALETTE label hides the body and leaves the title row as a slim banner, giving you back canvas space while keeping the panel one click away.

Adding elements

Most elements are added straight from the palette, which is organised into categories: Shapes carries the common nodes (square, circle, diamond, cylinder, hexagon, and more), Write holds text and notes, Draw the pens and arrows, and there are categories for Components, Data, Behaviour, Media, Devices, Icons, and Technology besides. Clicking a shape tile arms a combined gesture: a tap drops the element at your pointer, and a drag sizes it as you go. See Adding elements for the full walkthrough.

Moving around

The canvas is effectively infinite, so you are never boxed in. Use the Hand tool, a middle-click drag, or hold Space and drag to pan, and the on-screen zoom controls to scale the view. The Panning and zooming article covers every way to navigate. You can also restyle the backdrop per tab from the Tab Appearance dialog.