NodeLoop

Cable Harness Diagram Generator

Create and visualize cable harness diagrams directly by describing them in YAML. Generate instant SVG pinouts for your electronics and electrical harness projects.

🔧 YAML-based ⚡ Real-time 📊 SVG Export

🚀 Quick Start Presets

📝 YAML Editor

0 chars

🎨 Diagram Output

Your diagram will appear here

Generate from YAML to start

📚 WireViz Quick Reference

🔧 Structure

connectors:
  X1:
    pincount: 4
cables:
  W1:
    wirecount: 4
    length: 1
connections:
  -
    - X1: [1-4]
    - W1: [1-4]
    - X2: [1-4]

🎨 Colors & Codes

  • RD - Red
  • BK - Black
  • WH - White
  • GN - Green
  • BU - Blue
  • YE - Yellow
  • OG - Orange
  • VT - Violet
Color codes: DIN, IEC, Custom

🚀 Advanced Tips

  • Templates: Reuse connector definitions easily.
  • Shielding: Use shield: true in cables.
  • Ferrules: Simple connectors for single-wire ends.
  • Bundles: Wires grouped logically, represented individually in BOM.
  • Auto AWG conversion: show_equiv: true to convert mm² to AWG automatically.

⚙️ YAML Syntax Tips

  • Comments: Lines starting with #
  • Templates: Define with &name, reuse with <<: *name
  • Lists: Use brackets [pin1, pin2] or ranges [1-4]

Built with ❤️ using WireViz

Powered by the amazing WireViz open-source project for documenting cables and wiring harnesses.