Diagram Maker

How It Works

The Diagram Maker is an interactive tool for creating flowcharts, data flow diagrams and other types of technical diagrams.

Basic Usage

• Add elements: Click the element in the side panel, then click on the diagram where you want the element to be added
• Move elements: Click and drag elements to reposition them
• Edit text: Double-click an element to edit its text
• Connect elements: Click the "Connect" button, then click the source element and the target element
• Delete elements: Select an element and press Delete or click the "Delete" button

Keyboard Shortcuts

Mouse Actions

• Single click: Select element
• Double-click: Edit element text
• Right-click: Open context menu (edit/delete)
• Drag: Move element or create multi-selection
• Scroll: Zoom in/out on the drawing area

Buttons and Features

• New Project: Create a new blank diagram
• Manage Projects: View and load saved projects
• Save Project: Save the current project in the browser
• Save File: Download the project as a JSON file
• Load File: Import a project from a JSON file
• Export SVG/JPG/PDF: Export the diagram in different formats
• Generate Pseudocode: Convert the diagram into textual code
• Themes: Change the color scheme of the elements