The latest articles on DEV Community by Octavelscx (@octavelscx). https://dev.to/octavelscx https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3265314%2F0d252327-ccc9-4a7c-8dc8-77c2dca702d0.png https://dev.to/octavelscx en Octavelscx Sat, 14 Jun 2025 13:48:03 +0000 https://dev.to/octavelscx/from-yaml-to-cable-harness-svg-in-5-minutes-4e1j https://dev.to/octavelscx/from-yaml-to-cable-harness-svg-in-5-minutes-4e1j <h2> Cable Harness Gen – a tiny web UI for WireViz 🎉 </h2> <p><a href="https://nodeloop.org/tools/cable-harness-gen" rel="noopener noreferrer">https://nodeloop.org/tools/cable-harness-gen</a></p> <p>A small side-project I built to make <strong>WireViz</strong> diagrams a bit easier:</p> <ul> <li>paste / write your YAML </li> <li>(optionally) drag-drop images referenced as <code>resources/&lt;file&gt;</code> </li> <li>click <strong>Generate</strong> → instant SVG (PNG, BOM, etc.)</li> </ul> <p>Works entirely in the browser; the server just runs WireViz and deletes the temp files afterwards.</p> <p>Big thanks to </p> <ul> <li> <strong>WireViz</strong> (CLI) → <a href="https://github.com/wireviz/WireViz/" rel="noopener noreferrer">https://github.com/wireviz/WireViz/</a> </li> <li> <strong>WireViz-Web</strong> (API wrapper) → <a href="https://github.com/wireviz/wireviz-web" rel="noopener noreferrer">https://github.com/wireviz/wireviz-web</a> </li> </ul> <p>Give it a try and let me know what you think :)</p> tooling webdev software sideprojects