Show HN: React component for interactive server rack & network diagrams

react-networks-lib.rackout.net

4 pointsmatt-p2 comments

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.

Open articleView on HN

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.

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.

Reply on news.ycombinator.com