Here's an example of all the available shapes you can use to build diagrams. Let's get started building your own diagram:
- Click Create a New Diagram and give your new diagram a title
- Select a shape from the Toolbox to add it to your diagram
- Then grab its Drag Bar to move it anywhere on the canvas
- Continue selecting and adding shapes
- Make connections between shapes by grabbing and dragging from the connector button(s) at the bottom center of a shape and releasing over the shape you want to connect to
- Remove a connection by remaking the same connection
- Hover your mouse over a shape to find controls to edit, move, delete, and resize it
For more help, click the How it works link at the top of the page.
Toolbox:
Click an item from the list below to add the shape to your diagram.
Basic Shapes▼
Project Mgmt Shapes▼
Technology Shapes▼
Notations▼
Containers/Dividers▼
Database/ER Diagrams▼
Slideshow▼
Editing a diagram:
Simply select a shape from the Toolbox and then move it anywhere on your diagram.
Hover over any node to see its controls:
- Click the edit button to edit its details
- To move a node, click and drag the drag handle and release it anywhere else on the canvas
- Click the delete button of a node to delete it
- Hover over the information button to see its description
- Grab and drag the resize button to resize it
- To make a connection between nodes, grab and drag from the connector button(s) at the bottom center of a node and release over the node you want to connect to (You can even connect a node to itself)
- Remove an existing connection between nodes by re-making the same connection
If you need to move multiple nodes at one time, drag the selection box over one or more nodes, grab one of the highlighted nodes, and move them all together. To copy one or more nodes, hover over a shape, or multi-select a group of shapes. Then press CTRL+C to copy and CTRL+V to paste. To undo any change, press CTRL+Z. To redo any change, press CTRL+Y.
Panning and Zooming:
The diagram canvas is larger than your browser window. If your browser is not Opera, you can pan around in your diagram by right-clicking the canvas and dragging. Otherwise, use the arrow keys on your keyboard or the scroll bars. Zoom in and out using CTRL+ and CTRL- on your keyboard.
Sharing Diagrams:
This is a single person application, but you can still share a copy of your diagram with the team. Click the Share Diagrams link at the top of the page to print, save your diagram as a PDF, or import or export a backup file of a particular diagram to share with a colleague. (Tip: For best results when printing, adjust the print orientation to "Landscape" and adjust the scale to "Fit to page width" or a value of around 25.)
PRO TIP: Use the SQL Table Builder when creating database diagrams and you can export the entire SQL script needed to create your database from the Share Diagrams screen.
Creating/Playing Slideshows:
In order to turn your diagram into a slideshow, select and add "Slide" shapes from the Toolbox to your diagram. Create and position as many slides as you like, and Edit them to configure optional title, text, and pause time between slides.
To present your slideshow, click the slideshow icon at the top right of the page, and use the media controls to start/pause/advance through your slides.
Warning!
Your saved diagrams are stored locally in your browser's storage. Clearing your browser's cache or history can possibly delete all of your saved diagrams!
Be sure to back up your data frequently so that, in case of data loss, you can restore your diagrams from your most recent backup. Simply click the Backup Data button, then copy your backup file from the Download folder to a safe location.
PocketApps Diagram Copyright 2024 PADiagram LLC. All rights reserved.
Controls how long the slideshow will pause on a slide before automatically moving to the next slide. Set to 0 to manually move between slides.
of 0Controls the order in which your slides will play.
SQL Table Builder
| Field Name | Field Type | Field Size | Precision | Scale | Key | Auto Increment | Foreign Key | Allow Nulls | Actions |
|---|