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
Drag & drop or click to select images
(.png, .jpg, .svg)
➜ Reference each image in your YAML using
resources/<filename>
Examples images for Audio Jack + Shielded preset :
Generating diagram...
🎨 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: truein cables. - Ferrules: Simple connectors for single-wire ends.
- Bundles: Wires grouped logically, represented individually in BOM.
- Auto AWG conversion:
show_equiv: trueto 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]