⚡Network Topology Designer

To use realistic device images in your racks, place PNG images in an images/ folder in the same directory as this HTML file.

Folder Structure:

network-mapper.html
images/
  ├── cisco-router.png
  ├── cisco-switch.png
  ├── unifi-switch.png
  ├── ubiquiti-router.png
  ├── cisco-firewall.png
  ├── fortinet-firewall.png
  ├── dell-server.png
  ├── hp-server.png
  ├── apc-ups.png
  ├── apc-pdu.png
  ├── patchpanel-24.png
  ├── unifi-ap.png
  └── ...more

Image Guidelines:

• Use front-panel views of equipment
• Recommended size: 600x150px for 1U devices
• PNG format with transparent backgrounds works best
• Images scale automatically to fit rack unit height