Show HN: React component for interactive server rack & network diagrams (react-networks-lib.rackout.net)

4 points by matt-p 8mo ago ↗ HN

I built this while working on a data center design and management tool to automate parts of the build, buy, and deploy process for new sites. I needed an interactive visual component for rack and network design, I'm wondering if others would like to use this.

2 comments

[ 2.3 ms ] story [ 16.9 ms ] thread

matt-p 8mo ago ↗

Right now it supports rack layouts, fibre and power cables, and topology building with drag-and-drop editing. I will probably end up adding splice management/ODF/closures too but curious what others would find useful.

djfobbz 8mo ago ↗

Nice! Are you using any specific canvas libraries for this, like KonvaJS? I recently worked on a closed-source project that used Konva and was pretty impressed with its capabilities. HTML canvas is powerful stuff if you know what you're doing.