Electrical Diagram Online: Draw Wiring and Power Schematics in Your Browser

Electrical Diagram Online: Draw Wiring and Power Schematics in Your Browser — interactive diagram. Open it in the editor to customise components and wiring.

This is a free printable electrical diagram online: download the diagram as SVG or open it and print to paper or PDF.

An online electrical diagram tool lets you create single-line diagrams, wiring schematics, and panel layouts directly in your browser. No software to install — open, draw, and share professional electrical drawings in minutes.

Electrical diagrams cover a broad spectrum of drawing types. A single-line diagram (SLD) shows the power distribution path of an entire facility on one sheet, using single lines to represent three-phase conductors. A wiring diagram shows actual conductor routing between terminal blocks, contactors, and protective devices. A riser diagram traces distribution from the main switchboard down to sub-boards. Each type has a distinct purpose and a distinct audience, and online electrical diagram tools support all of them.

The practical advantage of working online is accessibility. An electrical contractor on site can pull up the drawing on a tablet, mark a change, and the draughtsperson back in the office sees the update immediately. There is no need to courier printed mark-ups or manage conflicting PDF versions. Change management — critical in electrical installation work where an incorrect drawing can result in dangerous wiring — becomes dramatically more reliable.

Online electrical diagram editors provide IEC 60617 symbol libraries for switchgear, protective devices, transformers, motors, contactors, and distribution equipment. This matters because using non-standard symbols in an electrical installation drawing can cause a certification inspector to reject the document. IEC and ANSI standards both specify exact symbols for circuit breakers, fuses, isolators, earth conductors, and protective relays.

For as-built drawings — the legal record of how an installation was actually wired — online tools with version history and time-stamped changes provide a defensible audit trail. This is valuable for compliance with IEC 60364, BS 7671, NEC/NFPA 70, or AS/NZS 3000, all of which require accurate installation records.

Colour coding in wiring diagrams follows regional conventions: brown/black/grey for line conductors, blue for neutral, and green-yellow for protective earth in IEC countries; black/red (single phase) or black/red/blue (three phase) with white neutral and green earth in North American practice. An online tool that enforces or at least supports these colour conventions produces more compliant drawings with less manual effort.

For training and education, the ability to construct an electrical diagram online and then annotate it with explanatory callouts makes a very effective teaching resource — significantly more effective than a static textbook diagram.

An online electrical diagram editor removes the barrier of desktop software installation and lets engineers, technicians, and students create professional-quality schematics from any web browser. circuitdiagrammaker.com is a fully free browser-based tool with IEC and ANSI electrical symbols, wire routing, component labelling, and PNG/PDF export — ideal for single-line diagrams, panel layouts, circuit schematics, and wiring plans. Start drawing your electrical diagram online right now without creating an account.

How to wire electrical diagram online

Choose the correct diagram type for your purpose Before opening the editor, decide whether you need a single-line diagram, a full wiring diagram, a ladder diagram, or a riser diagram. Each type has different symbol conventions and layout rules. Mixing types in one drawing without clear notation creates ambiguity.
Set up the title block and drawing standards Create or import a title block with the project name, drawing number, revision, date, author, and the applicable standard (e.g., IEC 60364, BS 7671). Select the correct symbol library to match that standard. Establishing this at the start prevents rework later.
Place power supply and main protection devices first Start from the supply source (mains incomer, transformer secondary, generator terminal) and work downstream. Place the main circuit breaker or fuse, then the distribution busbars or terminal blocks. This top-down approach mirrors the physical power flow and makes the drawing intuitive to read.
Add loads, sub-circuits, and branch protection Place each load (motor, lighting circuit, socket outlet circuit) and its branch protective device. Label each circuit with the load description, breaker rating, conductor size, and conduit or cable reference as required by the applicable standard.
Add earth, neutral, and protective conductors Draw all neutral and protective earth conductors. In TN-S systems, neutral and earth are separate throughout. In TN-C-S (PME), they are combined up to the point of separation. Use the correct colour or line-style convention to distinguish them. Never omit earth conductors from a wiring diagram.
Add annotations, cable schedules, and cross-references Annotate each conductor with its cross-sectional area, insulation rating, and cable reference number that matches the cable schedule. Add sheet cross-references where a circuit continues on another sheet.
Review, export, and distribute Perform a visual check for unconnected symbols, missing labels, and incorrect symbols. Export as PDF for submission or client delivery. Archive the source file with version control so the as-built state can always be recovered.

Specifications

International symbol standard	IEC 60617
North American symbol standard	ANSI/IEEE 315
Applicable installation standards	IEC 60364, BS 7671, NEC/NFPA 70, AS/NZS 3000
Protective earth conductor colour (IEC)	Green-yellow striped
Neutral conductor colour (IEC)	Blue
Line conductor colours (IEC, three-phase)	Brown, Black, Grey
RCD trip threshold (general circuits)	30 mA

Safety warnings

All fixed electrical installation work must be designed, installed, tested, and certified by a licensed electrician in accordance with the local wiring standard (NEC/NFPA 70, BS 7671, AS/NZS 3000, IEC 60364). Electrical diagrams are reference documents, not a permit to carry out work yourself.
Always isolate the circuit at the switchboard, lock out the breaker, and verify dead with an approved voltage indicator before working on any wiring. Never rely on a switch position or a diagram alone.
Incorrect earthing or missing protective conductors in an installation are among the most common causes of electric shock fatalities. Never omit earthing details from a wiring diagram, and never omit physical earthing conductors from an installation.
Electrical diagrams must be kept up to date. Using an outdated drawing to carry out modification work can result in working on an energised circuit that the drawing indicates is isolated.

Tools needed

Web browser (current version of Chrome, Firefox, Edge, or Safari)
Stable internet connection
Online electrical diagram account (for saving, version control, and sharing)
IEC 60617 or ANSI/IEEE symbol library within the tool
PDF viewer for reviewing exports
Cable schedule template (spreadsheet or integrated in tool)

Common mistakes

Drawing a wiring diagram at the wrong abstraction level: SLDs and full wiring diagrams are different documents and should not be combined without clear notation.
Using the wrong earth symbol — confusing protective earth (PE), functional earth, and signal ground symbols creates dangerous ambiguity in installation drawings.
Omitting cable ratings and sizes from the wiring diagram, making it impossible for an installer or inspector to verify conductor sizing against the load.
Not updating the diagram after modifications: as-built drawings must reflect what is actually installed, not the original design intent.
Failing to show RCD or GFCI protection boundaries clearly, which makes it impossible to verify compliance with regulations requiring earth leakage protection on specific circuit types.

Troubleshooting

Inspector rejects the drawing because symbols are non-standard: Cause: The online tool used a generic or decorative symbol library rather than IEC 60617 or ANSI/IEEE 315 Fix: Switch to the correct standards-compliant symbol library in the tool settings. Redraw affected symbols. If the tool does not support IEC 60617, export to DXF and import into a CAD package with the correct library.
Three-phase diagram is showing only single-phase symbols: Cause: The wrong component was selected from the library — single-phase and three-phase variants are separate symbols in IEC and ANSI libraries Fix: Delete the incorrect symbol and select the three-phase variant explicitly. For motors, use the three-phase motor circle with three line terminals. For transformers, use the three-phase winding symbol.
PDF export is missing parts of the diagram: Cause: Some elements extend beyond the page boundary set in the export settings Fix: Fit the diagram to the canvas before exporting — use the auto-fit or zoom-to-fit function, then set the export page size to match (A4, A3, or custom). Verify the preview before confirming the export.

Frequently asked questions

What is the difference between an electrical diagram and a circuit diagram?

A circuit diagram (schematic) shows the electrical function of a circuit using standardised symbols, without regard for physical layout. An electrical diagram often refers specifically to installation drawings — wiring diagrams, single-line diagrams, or panel schedules — that show how conductors are physically routed and connected in a building or system.

Which types of electrical diagrams can I draw online?

Modern online electrical diagram tools support single-line diagrams, wiring diagrams, ladder (relay logic) diagrams, riser diagrams, panel schedules, and block diagrams. The available diagram types depend on the symbol library included. Check that the tool includes IEC 60617 switchgear and protection symbols if you need compliant installation drawings.

Are online electrical diagrams accepted by inspectors and certifying authorities?

Acceptance depends on the authority and jurisdiction. Drawings must conform to the applicable standard (IEC 60364, BS 7671, NEC, or AS/NZS 3000) and include mandatory information: title block, revision, scale or note to scale, and correct symbols. A PDF or printed output from an online tool is generally acceptable if these requirements are met.

Can I draw a three-phase distribution diagram online?

Yes. Online tools with IEC or ANSI electrical symbol libraries support three-phase SLDs, including transformers, circuit breakers, busbars, and metering. For three-phase wiring diagrams, use the correct phase colour conventions for your region and label all conductors, including neutral and protective earth, clearly.

What file format should I use when exporting an electrical diagram for a client?

PDF is the most universally accepted format for client delivery and regulatory submission — it preserves formatting and cannot be accidentally edited. SVG is preferable for large-format printing or embedding in digital reports. If the client uses a specific CAD platform, check whether the online tool can export DXF or a compatible format.

Can I draw an electrical wiring diagram online for free?

Yes. circuitdiagrammaker.com is a free, browser-based electrical wiring diagram editor — no installation or sign-up required. It provides a library of standard electrical symbols (IEC and ANSI), a snap-to-grid canvas, and export to image or PDF. You can build everything from a simple outlet circuit to a multi-panel distribution diagram directly in your browser.

Related diagrams

Free electrical calculators

Edit this diagram free in the online editor