Please heavily comment. your approach and starting points, use React and JS per assignment:) thank you. No references are needed, just a working visualization one page app
Simple Visualization of Network Switches Background A datacenter is made of rooms, rows, and racks. A room contains rows, and a row contains racks. Each rack contains one or two TORs (Top of Rack) network switches. For each TOR, we monitor four values: “horizontal” latency, “vertical” latency, “horizontal” loss and “vertical” loss. Latency is measured in microseconds and loss is measured in a percentage. An API exists, at http://localhost/api/v1/tors which returns JSON data in the following format [{"location": "USMTT1.1200.15.68.26", "hostname": "usmtt1-tor-1", "latency_us": 120.1, "loss": 0.01, "type": "vertical"}, {"location": "USMTT1.1200.15.68.26", "hostname": "usmtt1-tor-2", "latency_us": 123.1, "loss": 15.22, "type": "vertical"}, {"location": "USMTT1.1200.15.67.26", "hostname": "usmtt1-tor-3", "latency_us": 17023.1, "loss": 0.0, "type": "horizontal"}, {"location": "USSTV1.1100.10.65.26", "hostname": "usstv1-tor-1", "latency_us": 103.1, "loss": 0.0, "type": "horizontal"}] The "hostname" field is the unique name of the TOR. The format of the "location" field is "$datacenter.$room.$row.$rack.$elevation", where “$elevation” denotes the height of the network switch in the rack. A switch is considered to be failed if any latency value exceeds 10 ms (e.g. usmtt1-tor-3) or any loss value exceeds 10% (e.g. usmtt1-tor-2). To help with design, here are some soft constraints: A typical datacenter contains between 500-5000 TOR switches. A typical room contains no more than 20 rows and a row contains no more than 20 racks. A row contains no more than 50 TOR switches. 1 Application Write a page in an application that visualizes the TORs in a given datacenter (url parameter), and succinctly organizes them by room and row. At a glance, the user should be able to quickly 1) view the status of every TOR 2) identify the rack(s) containing a failling TOR 3) navigate to a given room, row, and rack, and view the four values for each TOR in the rack. Submission Details Your application source code should be bundled in a zip file. Transpiled/compiled languages are fine. A Dockerfile for running the application is preferred. If not, please provide instructions for running your application. 2 Simple Visualization of Network Switches Background Application Submission Details