JSFiddle - React, Tailwind, and code Playground

by George Green

HTML

<div id='demoA'>This is where the Array Data should be</div>
<div id='demoJ'>This is where the JSON Data should be</div>
<div id='prop'>
List of Agent IPs
</div>

JavaScript

var dataAsArr = JSON.stringify([
   {
      "17.216.30.177":{
         "agent":{
            "agent_ip":"17.216.30.177",
            "agent_cpu_type":"Intel Core i5",
            "agent_serial_num":"C02KQ00CFH46",
            "agent_hostname":"Beautiful-iMac.local",
            "agent_ram":"16 GB",
            "agent_processors":"4",
            "agent_system_type":"iMac14_2"
         },
         "devices":{
            "fedaa89792fdf9bcfe819cc9981bcda918dc1fa6":{
               "SerialNumber":"",
               "HardwareModel":"abc",
               "WiFiAddress":"abc",
               "BuildVersion":"abc",
               "kanzi":"315D0F",
               "current_state":1,
               "UniqueChipID":"612806844428"
            },
            "47d46975e929d679f1c0713f7b060bf80390aeb9":{
               "SerialNumber":"",
               "HardwareModel":"lmn",
               "WiFiAddress":"lmn",
               "BuildVersion":"lmn",
               "kanzi":"315DF3",
               "current_state":1,
               "UniqueChipID":"2572890213651"
            }
         },
         "last_alive_time":"2016-04-27 10:24:14"
      },
      "17.153.73.241":{
         "agent":{
            "agent_hostname":"aj-air.local",
            "agent_cpu_type":"Intel Core i5",
            "agent_processors":"2",
            "agent_ip":"17.244.49.99",
            "agent_serial_num":"C02M300KFY3V",
            "agent_system_type":"MacBookAir6_2",
            "agent_ram":"8 GB"
         },
         "devices":{
            "ccd457202545bef923e2d784f0aa30e12c4dfd43":{
               "HardwareModel":"pqr",
               "kanzi":"pqr",
               "SerialNumber":"",
               "current_state":1,
               "UniqueChipID":"pqr",
               "WiFiAddress":"pqr",
               "BuildVersion":"pqr"
            }
         },
         "last_alive_time":"2016-04-27 10:30:08"
      }
   }
]);

var dataAsJson = JSON.stringify(
   {
      "17.216.30.177":{
         "agent":{
           ...