Electrical & P&ID Drafting Canvas

Lay out illustrative electrical or process diagrams with reusable symbols, annotations, title blocks, and PNG export.

What this tool does

ElecDrafting2 is a browser canvas for sketching electrical schematics and P&ID-style diagrams. Place and edit lines, rectangles, circles, text, electrical components, mechanical equipment, valves, gauges, flanges, reducers, and a configurable title block.

Who this is for

• Engineers and technicians preparing an early visual layout
• Students learning diagram symbols and canvas interactions
• Teams communicating a concept before moving to a certified CAD workflow

How to use this tool

1. Choose a page size, drawing scale, and whether to show the grid.
2. Select a tool, then place lines, shapes, text, or a component on the canvas.
3. Use Select to move, rotate, or delete objects and review their properties.
4. Edit the title block with drawing, revision, and approval information.
5. Export a PNG or use the browser’s print command for a paper/PDF destination.

Inputs

Inputs include Letter, Tabloid, A4, or A3 landscape page size; 1:1, 1:10, 1:50, or 1:100 scale; grid settings; drawing objects; component properties; and title-block fields such as drawing number, revision, date, and reviewer names.

Outputs

The output is an in-memory canvas drawing with a title block, revision information, status coordinates, and selectable objects. Export PNG downloads a raster image, while Print opens the browser print flow. PDF export is disabled in the shipped file.

Example use cases

• Sketch a control-panel layout with breakers, PLCs, VFDs, and motors
• Draft a process concept with pumps, tanks, heat exchangers, and valves
• Prepare a labeled visual draft before recreating it in formal CAD software

Frequently asked questions