asciilogic is a powerful ASCII diagram tool designed for creating logic diagrams, control schematics, elevator layouts, and technical documentation. Perfect for engineers, developers, and anyone who needs to create clear technical diagrams that can be embedded in code, documentation, or emails.
Drawing Tools
- Select Tool V - Select, move, and edit elements. Drag to create selection boxes for multiple elements.
- Line Tool L - Draw straight lines with optional 90° bends. Lines snap to grid for clean connections.
- Arrow Tool A - Draw lines with directional arrows. Perfect for showing signal flow or connections.
- Box Tool B - Create rectangles for components, modules, or grouping elements.
- Text Tool T - Add labels and annotations. Click to place text cursor. Double-click existing text to edit.
Keyboard Shortcuts
- Ctrl+C - Copy selected elements
- Ctrl+V - Paste copied elements at cursor
- Ctrl+D - Duplicate selected elements
- Ctrl+Z - Undo last action
- Ctrl+Y - Redo action
- Delete - Delete selected elements
- Shift+Drag - Pan the canvas
- Mouse Wheel - Zoom in/out
Features
Smart Line Drawing
Lines automatically constrain to horizontal, vertical, or single 90° bends. Start dragging in your intended direction, and the line will follow intelligently.
Multi-Selection
Select multiple elements by dragging a selection box. Move groups of elements together while maintaining their relative positions.
Text Editing
Create text with different font sizes using the Font Size control. Select existing text to change its size, or double-click to edit both content and size.
Import & Export
Import existing ASCII diagrams from other tools or export your creations in multiple formats: ASCII Basic or Extended (Unicode), PNG images, SVG vector graphics, or DXF for CAD software. Perfect for embedding in source code, markdown documentation, presentations, or technical drawings.
Grid Snapping
All elements snap to a configurable grid, ensuring clean, aligned diagrams. Adjust grid size from 5 to 50 pixels.
Export Formats
- ASCII Basic - Standard ASCII characters for maximum compatibility
- ASCII Extended - Unicode box-drawing characters for cleaner appearance
- PNG - High-quality raster images for presentations and documentation
- SVG - Scalable vector graphics perfect for web and print
- DXF - CAD format for importing into AutoCAD and similar software
Common Use Cases
- Elevator Control Systems - Document shaft layouts, control logic, and safety circuits
- Logic Diagrams - Create flowcharts and state machines
- Network Topology - Show system connections and data flow
- Electrical Schematics - Basic relay logic and control circuits
- Software Architecture - Module relationships and data flow
- Documentation - Embed diagrams directly in code comments or README files
Tips
- Use Fit Content to automatically zoom and center your diagram
- Hold middle mouse button to pan, or use Shift+drag
- Double-click text elements to edit their content
- Select text and use the Font Size control to change its size
- Export to ASCII Extended for cleaner box-drawing characters
- Export to SVG for scalable graphics that look perfect at any size
- Set Grid Size to 0 to hide the grid (better for viewing filled boxes)
- The tool saves your work in browser memory - clear cache carefully!
Created for engineers and developers who need quick, clean ASCII diagrams.
asciilogic - Making technical diagrams as simple as typing.