Skip to content

Wiring

Wiring in Elecplanner represents the electrical connections between components in your circuit. Wires connect terminals on different components, creating the pathways through which electrical current flows. In Elecplanner, wires are intelligent, interactive elements that can be customized with different colors, cable sections, and routing paths to create clear, professional electrical diagrams.

  1. Hover over a terminal on any component

    • Terminals appear as small circles on components
    • They highlight when you hover over them
  2. Click and hold on the terminal

    • You’ll see an animated connection line appear
  3. Drag to the destination terminal on another component

    • The connection line follows your cursor
    • Valid connection targets highlight as you approach
  4. Release to complete the connection

    • A wire is automatically created between the two terminals
    • The wire path is automatically optimized

💡 Tip: Look for terminal labels when you hover - they tell you what each terminal does (e.g., “Phase”, “Neutral”, “L_1”, “T0”)

You can create wires between:

  • Any component terminal to any other component terminal
  • Multiple wires to the same terminal (creating branches)
  • Terminals on the same component (less common, but possible)
  • You cannot connect wires to empty canvas space
  • You cannot connect a wire to itself
  • Some terminals may be visually hidden if the component doesn’t support them
  • Source Terminal: Where the wire starts
  • Target Terminal: Where the wire ends
  • Bidirectional: Electricity can flow both directions through a wire
  • Intermediate Points: Points along the wire path that control routing
  • Editable: You can move, add, or remove path points
  • Automatic Generation: Path points are initially created automatically for optimal routing
  • Wire Line: The main visible path of the wire
  • Selection Highlight: Appears when wire is selected or hovered
  • Path Point Handles: Small dots that appear when wire is selected (for editing)
  • Alignment Guides: Blue lines that appear while dragging path points

To edit a wire’s properties:

  1. Click on the wire to select it
  2. The Properties Panel opens on the right side
  3. Modify the properties as needed

The wire section represents the cross-sectional area of the cable. This determines how much current the wire can safely carry.

Available Options:

  • 1.5mm² (default) - For lighting circuits (10A max)
  • 2.5mm² - For power outlets (16-20A max)
  • 6mm² - For high-power appliances like ovens, dryers (32A max)

Choosing the Right Section:

  • Match the wire section to the circuit breaker rating
  • Lighting circuits typically use 1.5mm²
  • Standard outlet circuits typically use 2.5mm²
  • High-power dedicated circuits use 6mm² or larger
  • Always follow local electrical codes!

💡 Real-World Tip: In actual installations, wire gauge must match or exceed the circuit breaker amperage rating. Never use a wire that’s too small for the current!

Wire color helps identify the purpose of each wire:

Common Color Conventions:

  • Red/Brown: Phase/Hot wires (live power)
  • Blue: Neutral wires (return path)
  • Green/Yellow: Ground/Earth wires (safety)
  • Black: Phase/Hot in some regions
  • Gray/Slate: General purpose or unspecified

In Elecplanner:

  • Default color is slate
  • You can choose any color you prefer
  • Use consistent colors throughout your diagram for clarity
  • Match real-world wiring conventions for accuracy

💡 Best Practice: Use a consistent color scheme throughout your project. Red for hot, blue for neutral, green for ground makes your diagrams instantly readable!

Each wire can have a descriptive label:

  • Automatically assigned (e.g., “Wire 1”, “Wire 2”)
  • Can be customized to describe the wire’s purpose
  • Examples: “Living Room Phase”, “Kitchen Neutral Return”, “Outlet Circuit 3”
  • Labels help with documentation and troubleshooting

One of Elecplanner’s most powerful features is the ability to interactively edit wire paths to create clean, professional-looking diagrams.

To select a wire:

  • Click directly on the wire line
  • The wire will highlight in a lighter shade of its color
  • Path point handles appear for editing

Visual feedback:

  • Selected wires show a thicker highlight
  • Hovering over a wire shows a subtle highlight
  • Path points (small dots) appear when selected

Path points control the routing of your wires. You can move them to avoid obstacles or organize your layout.

To move a path point:

  1. Select the wire (click on it)
  2. Click and drag any path point handle (small dot)
  3. Move to desired position
  4. Release to set the new position

Features while dragging:

  • Alignment Guides: Blue lines appear when the point aligns horizontally or vertically with adjacent points
  • Snapping: The point automatically snaps to create clean orthogonal (90-degree) routing
  • Real-time Update: The wire path updates as you drag

💡 Pro Tip: Use the alignment guides! They help you create professional-looking orthogonal wire routes that are much easier to read.

Need to route a wire around an obstacle? Add more path points!

To add a path point:

  1. Select the wire (click on it)
  2. Double-click on the wire where you want to add a point
  3. A new path point appears at that location
  4. Drag it to position it where needed

When to add points:

  • Routing around components
  • Creating organized parallel wire runs
  • Avoiding wire crossings
  • Making clear, readable paths

Simplify your wire paths by removing unnecessary points.

To remove a path point:

  1. Select the wire (click on it)
  2. Right-click on the path point handle you want to remove
  3. The point is deleted
  4. The wire automatically re-routes between the remaining points

When to remove points:

  • Simplifying unnecessarily complex paths
  • When components have moved and old routing is no longer needed
  • Creating more direct wire runs
  • Cleaning up your diagram

⚠️ Note: You can only remove path points while a wire is selected and not during simulation mode.

Orthogonal routing means wires follow horizontal and vertical lines (90-degree angles), making diagrams easier to read.

Automatic Snapping:

  • When dragging path points, they snap to create horizontal/vertical alignment
  • Alignment guides (blue lines) show when snapping is active
  • Creates professional-looking diagrams

Benefits:

  • Clearer visual communication
  • Matches real-world conduit and wire routing
  • Easier to trace wire paths
  • More organized appearance
  • Simpler to understand for installation crews

💡 Professional Tip: Electricians typically run wires horizontally and vertically in real installations. Mimicking this in your diagrams makes them more realistic and practical!

Avoid having too many wires overlap:

  • Use different path points to route wires separately
  • Create parallel runs for multiple wires going the same direction
  • Space out path points to avoid congestion

Consistent color coding makes diagrams much easier to understand:

  • Hot/Phase wires: Red or brown
  • Neutral wires: Blue
  • Ground wires: Green or yellow-green
  • Switched circuits: Orange or purple (optional)

For complex projects, label critical wires:

  • Main power feeds
  • Long wire runs
  • Wires that serve specific purposes
  • Wires that might be confusing without labels

Wire crossings make diagrams harder to read:

  • Route wires around the perimeter when possible
  • Use path points to avoid crossing other wires
  • Place components strategically to reduce wire length
  • Use junction boxes or Wago connectors to organize connection points

Professional diagrams have clean, organized wire routing:

  • Group related wires together (all power wires, all control wires)
  • Create parallel runs for wires going the same direction
  • Use consistent spacing between parallel wires
  • Avoid diagonal runs when possible (use orthogonal routing)

When you start simulation mode (click Simulate or press S):

  1. Wires become active - They calculate and display their electrical state
  2. Path editing is disabled - You cannot move path points during simulation
  3. Visual states appear - Wires show different appearances based on electrical state

Wires can be in different electrical states:

  • HIGH (Powered): Wire carries live power
  • LOW (Connected but not powered): Wire is connected but voltage is low/off
  • GROUND: Wire is connected to ground
  • FLOATING: Wire is not connected to any power source

During simulation, you can observe:

  • Which wires are carrying power
  • How electricity flows through your circuit
  • The effects of toggling switches or breakers
  • Complete circuit paths vs. incomplete circuits

Simulation lets you verify:

  • All components are properly wired
  • Circuits are complete (closed loops)
  • Switches and breakers work as expected
  • Power reaches all intended devices
  • No unexpected behavior occurs

The most basic wiring - direct connection between two components:

Circuit Breaker → Light

When to use:

  • Simple circuits with few components
  • Short distances
  • Direct, uninterrupted connections

Multiple components wired in series:

Circuit Breaker → Light 1 → Light 2 → Light 3

When to use:

  • Multiple lights on one circuit
  • Components in a row
  • Traditional residential wiring

Limitation:

  • If one connection fails, downstream components are affected

Pattern 3: Star Distribution (using Wago or Junction Box)

Section titled “Pattern 3: Star Distribution (using Wago or Junction Box)”

Central connection point with wires radiating out:

Circuit Breaker → Wago Connector
Wago → Light 1
Wago → Light 2
Wago → Light 3

When to use:

  • Professional installations
  • Easy future modifications
  • Independent connections to each device
  • Cleaner diagrams

Advantages:

  • Each device has independent connection
  • Easy to add or remove devices
  • Easier troubleshooting
  • More reliable

Multiple outlets wired in parallel:

Circuit Breaker → Outlet 1 → Outlet 2 → Outlet 3

When to use:

  • Outlet circuits
  • Power distribution in a room
  • Standard residential wiring

Switch controlling one or more loads:

Circuit Breaker → Switch (L terminals)
Switch (Position 1 terminals) → Light

When to use:

  • Controlled lighting
  • Switched outlets
  • Any manually controlled circuit

Many components allow multiple wires to connect to the same terminal:

  1. Create first wire to terminal
  2. Create second wire to the same terminal
  3. Both wires share the same electrical connection
  4. Useful for branching power to multiple destinations

Example:

Circuit Breaker Phase output → Junction Box terminal
Same Junction Box terminal → Switch 1
Same Junction Box terminal → Switch 2
Result: Both switches receive power from one circuit breaker

Junction boxes help organize complex wiring:

  1. Place a Junction Box component
  2. Run main power wires to the junction box
  3. Use Wago Connectors inside the junction box
  4. Distribute power to multiple destinations from the Wagos
  5. Creates organized, accessible connection points

Control lights from multiple locations:

Three-Way (Two Switches):

  • Requires special wiring pattern with traveler wires
  • Use two switches with appropriate terminal connections
  • Traveler wires connect position terminals between switches

Four-Way (Three+ Switches):

  • Even more complex traveler wire arrangements
  • Useful for controlling lights from multiple locations
  • Common in hallways, staircases, large rooms

Professional installation technique:

  1. Each circuit has dedicated wire run from panel
  2. All circuits originate at the electrical panel
  3. No sharing of wire runs between circuits
  4. Creates clear, traceable wire paths

Advantages:

  • Easier troubleshooting
  • Clear circuit identification
  • Better code compliance
  • Professional appearance

Problem: Unable to create a wire between two components

Possible Causes:

  • Not clicking on an actual terminal
  • Trying to connect to canvas space instead of a terminal
  • Component doesn’t have the terminals you expect

Solution:

  • Hover carefully over terminals until they highlight
  • Zoom in for better precision
  • Check component properties to understand available terminals

Problem: Wire routing is disorganized or crosses itself

Solution:

  • Select the wire
  • Add path points to control routing (double-click on wire)
  • Move path points to create cleaner path
  • Use orthogonal routing (rely on alignment guides)
  • Remove unnecessary path points (right-click)

Problem: Path point handles don’t appear or won’t move

Possible Causes:

  • Wire is not selected
  • Simulation mode is active (editing disabled during simulation)
  • Accidentally dragging component instead of wire point

Solution:

  • Click on the wire to select it first
  • Exit simulation mode (click Simulate button again)
  • Click directly on the path point handle, not near it

Problem: Wire appears unpowered even though it should be live

Check:

  • Is the circuit breaker turned on?
  • Is there a complete circuit path (including neutral/ground)?
  • Are all components properly connected?
  • Are there any breaks in the wire connections?
  • Is a switch in the correct position?

Solution:

  • Trace the entire circuit path
  • Verify all terminals are actually connected
  • Check that power source (circuit breaker) is active
  • Ensure complete circuit (hot, neutral, ground where needed)

Problem: Diagram is cluttered with overlapping wires

Solution:

  • Add path points to separate wire paths
  • Use junction boxes or Wago connectors to consolidate connections
  • Rearrange component layout to reduce wire length
  • Create parallel runs for wires going the same direction
  • Use consistent routing strategies (all wires run along edges, etc.)

Problem: Unable to delete a wire

Solution:

  • Select the wire first (click on it)
  • Press Delete key or Backspace
  • Or right-click and choose Delete from context menu
  • Make sure you’re not in simulation mode

To work with multiple wires at once:

  1. Hold Shift and click each wire to add to selection
  2. Or click and drag to create a selection box around multiple wires
  3. Selected wires all highlight simultaneously

With multiple wires selected:

  • Press Delete or Backspace to remove all selected wires
  • Useful for cleaning up sections of your diagram

Currently, each wire must be individually routed. Future versions may support:

  • Copying path points between wires
  • Creating parallel wires with same routing
  • Templates for common wire patterns

In real installations, wire gauge (thickness) must match the circuit requirements:

Common Wire Sizes (NEC - North America):

  • 14 AWG (2.5mm²): 15A circuits - lighting, receptacles
  • 12 AWG (4.0mm²): 20A circuits - receptacles, appliances
  • 10 AWG (6.0mm²): 30A circuits - dryers, water heaters
  • 8 AWG (10mm²): 40A circuits - ranges, large appliances

In Elecplanner:

  • Wire sections approximate these real-world standards
  • Always verify with local electrical codes
  • Consult a licensed electrician for actual installations

International (IEC):

  • Brown: Phase/Live
  • Blue: Neutral
  • Green/Yellow: Ground/Earth

North America (NEC):

  • Black: Hot/Phase
  • Red: Hot/Phase (second phase or switched)
  • White: Neutral
  • Green: Ground
  • Bare copper: Ground

Use consistent colors in your Elecplanner diagrams to match your region’s standards!

In real installations:

  • Wires run through conduit or protected cable assemblies
  • Conduit follows straight paths (like your orthogonal wire routing)
  • Junction boxes provide accessible splice points
  • Wire lengths must account for physical routing distances

Your Elecplanner diagram should reflect realistic physical routing!

Electrical codes vary by jurisdiction, but generally require:

  • Appropriate wire gauge for circuit amperage
  • Proper color coding for wire identification
  • Accessible junction boxes for all splices
  • Maximum wire fill in conduit
  • Proper grounding and bonding

⚠️ Important: Elecplanner is for planning only. Always consult local electrical codes and hire licensed electricians for actual installations!

Elecplanner is a planning tool:

  • Use it to design and visualize electrical systems
  • Test circuits through simulation
  • Generate documentation for electricians
  • Plan component placement and wire routing

Always hire licensed electricians for:

  • Actual electrical installations
  • Work on live circuits
  • Electrical panel modifications
  • Anything requiring permits and inspections

Never attempt electrical work unless you are:

  • A licensed electrician
  • Properly trained
  • Following all safety protocols
  • Complying with local codes
  • Using appropriate safety equipment

⚠️ Warning: Electricity can cause serious injury or death. Improper electrical work can cause fires. Always prioritize safety!


💡 Quick Tip: Think of wires as the “nervous system” of your electrical plan. Clean, organized wiring makes your entire diagram easier to understand, simulate, and ultimately install in the real world. Take the time to route wires neatly - your future self (and your electrician) will thank you!