D3 Examples - fresh block

xxxxxxxxxx
 
<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <script src="https://d3js.org/d3.v4.min.js"></script>
  <style>
    body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; }
  </style>
</head>
​
<body>
  <script>
    
    var data = [
  {
    "key": "MJ",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "a few seconds",
        "entryDisplay": "Fr 05 18th 5:43 pm",
        "exitDisplay": "Fr 05 18th 5:43 pm",
        "series": 0,
        "entry": 1526690582933,
        "exit": 1526690623342,
        "x": 1526690582933
      },
      {
        "type": "inTransit",
        "label": "In Transit - 1",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "4 hours",
        "entryDisplay": "Fr 05 18th 5:43 pm",
        "exitDisplay": "Fr 05 18th 9:43 pm",
        "series": 0,
        "entry": 1526690623342,
        "exit": 1526705026853,
        "x": 1526690623342
      },
      {
        "type": "loc",
        "label": "MJHome - 2",
        "displayName": "MJHome",
        "y": 20,
        "dwellTimeDisplay": "3 minutes",
        "entryDisplay": "Fr 05 18th 9:43 pm",
        "exitDisplay": "Fr 05 18th 9:46 pm",
        "series": 0,
        "entry": 1526705026853,
        "exit": 1526705191780,
        "x": 1526705026853
      },
      {
        "type": "inTransit",
        "label": "In Transit - 3",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "2 days",
        "entryDisplay": "Fr 05 18th 9:46 pm",
        "exitDisplay": "Mo 05 21st 8:33 am",
        "series": 0,
        "entry": 1526705191780,
        "exit": 1526916800907,
        "x": 1526705191780
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 4",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Mo 05 21st 8:33 am",
        "exitDisplay": "Mo 05 21st 8:35 am",
        "series": 0,
        "entry": 1526916800907,
        "exit": 1526916911402,
        "x": 1526916800907
      },
      {
        "type": "inTransit",
        "label": "In Transit - 5",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "Mo 05 21st 8:35 am",
        "exitDisplay": "Mo 05 21st 6:02 pm",
        "series": 0,
        "entry": 1526916911402,
        "exit": 1526950957650,
        "x": 1526916911402
      },
      {
        "type": "loc",
        "label": "MJHome - 6",
        "displayName": "MJHome",
        "y": 20,
        "dwellTimeDisplay": "15 hours",
        "entryDisplay": "Mo 05 21st 6:02 pm",
        "exitDisplay": "Tu 05 22nd 9:25 am",
        "series": 0,
        "entry": 1526950957650,
        "exit": 1527006321714,
        "x": 1526950957650
      },
      {
        "type": "inTransit",
        "label": "In Transit - 7",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "42 minutes",
        "entryDisplay": "Tu 05 22nd 9:25 am",
        "exitDisplay": "Tu 05 22nd 10:07 am",
        "series": 0,
        "entry": 1527006321714,
        "exit": 1527008849857,
        "x": 1527006321714
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 8",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Tu 05 22nd 10:07 am",
        "exitDisplay": "Tu 05 22nd 10:09 am",
        "series": 0,
        "entry": 1527008849857,
        "exit": 1527008943773,
        "x": 1527008849857
      },
      {
        "type": "inTransit",
        "label": "In Transit - 9",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "8 hours",
        "entryDisplay": "Tu 05 22nd 10:09 am",
        "exitDisplay": "Tu 05 22nd 6:14 pm",
        "series": 0,
        "entry": 1527008943773,
        "exit": 1527038048509,
        "x": 1527008943773
      },
      {
        "type": "loc",
        "label": "MJHome - 10",
        "displayName": "MJHome",
        "y": 20,
        "dwellTimeDisplay": "2 hours",
        "entryDisplay": "Tu 05 22nd 6:14 pm",
        "exitDisplay": "Tu 05 22nd 7:51 pm",
        "series": 0,
        "entry": 1527038048509,
        "exit": 1527043897301,
        "x": 1527038048509
      }
    ]
  },
  {
    "key": "Muni",
    "values": [
      {
        "type": "loc",
        "label": "MP Home - 0",
        "displayName": "MP Home",
        "y": 20,
        "dwellTimeDisplay": "7 hours",
        "entryDisplay": "We 05 16th 12:20 am",
        "exitDisplay": "We 05 16th 6:52 am",
        "series": 1,
        "entry": 1526455258181,
        "exit": 1526478777815,
        "x": 1526455258181
      },
      {
        "type": "inTransit",
        "label": "In Transit - 1",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "a day",
        "entryDisplay": "We 05 16th 6:52 am",
        "exitDisplay": "Th 05 17th 9:09 am",
        "series": 1,
        "entry": 1526478777815,
        "exit": 1526573341006,
        "x": 1526478777815
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 2",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "32 minutes",
        "entryDisplay": "Th 05 17th 9:09 am",
        "exitDisplay": "Th 05 17th 9:40 am",
        "series": 1,
        "entry": 1526573341006,
        "exit": 1526575251017,
        "x": 1526573341006
      },
      {
        "type": "inTransit",
        "label": "In Transit - 3",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "10 hours",
        "entryDisplay": "Th 05 17th 9:40 am",
        "exitDisplay": "Th 05 17th 7:16 pm",
        "series": 1,
        "entry": 1526575251017,
        "exit": 1526609794463,
        "x": 1526575251017
      },
      {
        "type": "loc",
        "label": "MP Home - 4",
        "displayName": "MP Home",
        "y": 20,
        "dwellTimeDisplay": "3 minutes",
        "entryDisplay": "Th 05 17th 7:16 pm",
        "exitDisplay": "Th 05 17th 7:19 pm",
        "series": 1,
        "entry": 1526609794463,
        "exit": 1526609981389,
        "x": 1526609794463
      },
      {
        "type": "inTransit",
        "label": "In Transit - 5",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "15 hours",
        "entryDisplay": "Th 05 17th 7:19 pm",
        "exitDisplay": "Fr 05 18th 9:55 am",
        "series": 1,
        "entry": 1526609981389,
        "exit": 1526662536194,
        "x": 1526609981389
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 6",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "14 minutes",
        "entryDisplay": "Fr 05 18th 9:55 am",
        "exitDisplay": "Fr 05 18th 10:09 am",
        "series": 1,
        "entry": 1526662536194,
        "exit": 1526663372979,
        "x": 1526662536194
      },
      {
        "type": "inTransit",
        "label": "In Transit - 7",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "Fr 05 18th 10:09 am",
        "exitDisplay": "Fr 05 18th 7:06 pm",
        "series": 1,
        "entry": 1526663372979,
        "exit": 1526695574549,
        "x": 1526663372979
      },
      {
        "type": "loc",
        "label": "MP Home - 8",
        "displayName": "MP Home",
        "y": 20,
        "dwellTimeDisplay": "3 minutes",
        "entryDisplay": "Fr 05 18th 7:06 pm",
        "exitDisplay": "Fr 05 18th 7:08 pm",
        "series": 1,
        "entry": 1526695574549,
        "exit": 1526695739699,
        "x": 1526695574549
      }
    ]
  },
  {
    "key": "Ravi",
    "values": [
      {
        "type": "loc",
        "label": "RR Home - 0",
        "displayName": "RR Home",
        "y": 20,
        "dwellTimeDisplay": "4 minutes",
        "entryDisplay": "Su 05 20th 1:15 am",
        "exitDisplay": "Su 05 20th 1:20 am",
        "series": 2,
        "entry": 1526804158533,
        "exit": 1526804414446,
        "x": 1526804158533
      },
      {
        "type": "inTransit",
        "label": "In Transit - 1",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "a day",
        "entryDisplay": "Su 05 20th 1:20 am",
        "exitDisplay": "Mo 05 21st 8:05 am",
        "series": 2,
        "entry": 1526804414446,
        "exit": 1526915159141,
        "x": 1526804414446
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 2",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "a few seconds",
        "entryDisplay": "Mo 05 21st 8:05 am",
        "exitDisplay": "Mo 05 21st 8:06 am",
        "series": 2,
        "entry": 1526915159141,
        "exit": 1526915180802,
        "x": 1526915159141
      },
      {
        "type": "inTransit",
        "label": "In Transit - 3",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "11 hours",
        "entryDisplay": "Mo 05 21st 8:06 am",
        "exitDisplay": "Mo 05 21st 6:38 pm",
        "series": 2,
        "entry": 1526915180802,
        "exit": 1526953108537,
        "x": 1526915180802
      },
      {
        "type": "loc",
        "label": "RR Home - 4",
        "displayName": "RR Home",
        "y": 20,
        "dwellTimeDisplay": "43 minutes",
        "entryDisplay": "Mo 05 21st 6:38 pm",
        "exitDisplay": "Mo 05 21st 7:21 pm",
        "series": 2,
        "entry": 1526953108537,
        "exit": 1526955686905,
        "x": 1526953108537
      },
      {
        "type": "inTransit",
        "label": "In Transit - 5",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "13 hours",
        "entryDisplay": "Mo 05 21st 7:21 pm",
        "exitDisplay": "Tu 05 22nd 8:17 am",
        "series": 2,
        "entry": 1526955686905,
        "exit": 1527002279274,
        "x": 1526955686905
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 6",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "10 hours",
        "entryDisplay": "Tu 05 22nd 8:17 am",
        "exitDisplay": "Tu 05 22nd 6:44 pm",
        "series": 2,
        "entry": 1527002279274,
        "exit": 1527039840430,
        "x": 1527002279274
      },
      {
        "type": "inTransit",
        "label": "In Transit - 7",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "18 minutes",
        "entryDisplay": "Tu 05 22nd 6:44 pm",
        "exitDisplay": "Tu 05 22nd 7:01 pm",
        "series": 2,
        "entry": 1527039840430,
        "exit": 1527040909348,
        "x": 1527039840430
      },
      {
        "type": "loc",
        "label": "RR Home - 8",
        "displayName": "RR Home",
        "y": 20,
        "dwellTimeDisplay": "3 hours",
        "entryDisplay": "Tu 05 22nd 7:01 pm",
        "exitDisplay": "Tu 05 22nd 9:54 pm",
        "series": 2,
        "entry": 1527040909348,
        "exit": 1527051276537,
        "x": 1527040909348
      }
    ]
  },
  {
    "key": "Sridhar",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Fr 05 18th 11:04 am",
        "exitDisplay": "Fr 05 18th 11:07 am",
        "series": 3,
        "entry": 1526666686116,
        "exit": 1526666826231,
        "x": 1526666686116
      },
      {
        "type": "inTransit",
        "label": "In Transit - 1",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "Fr 05 18th 11:07 am",
        "exitDisplay": "Fr 05 18th 7:49 pm",
        "series": 3,
        "entry": 1526666826231,
        "exit": 1526698171703,
        "x": 1526666826231
      },
      {
        "type": "loc",
        "label": "Sri Home - 2",
        "displayName": "Sri Home",
        "y": 20,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "Fr 05 18th 7:49 pm",
        "exitDisplay": "Sa 05 19th 4:31 am",
        "series": 3,
        "entry": 1526698171703,
        "exit": 1526729502540,
        "x": 1526698171703
      },
      {
        "type": "inTransit",
        "label": "In Transit - 3",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "2 days",
        "entryDisplay": "Sa 05 19th 4:31 am",
        "exitDisplay": "Mo 05 21st 8:52 am",
        "series": 3,
        "entry": 1526729502540,
        "exit": 1526917932313,
        "x": 1526729502540
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 4",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "5 hours",
        "entryDisplay": "Mo 05 21st 8:52 am",
        "exitDisplay": "Mo 05 21st 1:41 pm",
        "series": 3,
        "entry": 1526917932313,
        "exit": 1526935287769,
        "x": 1526917932313
      },
      {
        "type": "inTransit",
        "label": "In Transit - 5",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "5 hours",
        "entryDisplay": "Mo 05 21st 1:41 pm",
        "exitDisplay": "Mo 05 21st 6:19 pm",
        "series": 3,
        "entry": 1526935287769,
        "exit": 1526951947054,
        "x": 1526935287769
      },
      {
        "type": "loc",
        "label": "Sri Home - 6",
        "displayName": "Sri Home",
        "y": 20,
        "dwellTimeDisplay": "an hour",
        "entryDisplay": "Mo 05 21st 6:19 pm",
        "exitDisplay": "Mo 05 21st 7:31 pm",
        "series": 3,
        "entry": 1526951947054,
        "exit": 1526956302922,
        "x": 1526951947054
      }
    ]
  },
  {
    "key": "Mahesh",
    "values": [
      {
        "type": "loc",
        "label": "MV Home - 0",
        "displayName": "MV Home",
        "y": 20,
        "dwellTimeDisplay": "a minute",
        "entryDisplay": "Th 05 17th 12:03 am",
        "exitDisplay": "Th 05 17th 12:05 am",
        "series": 4,
        "entry": 1526540621699,
        "exit": 1526540701761,
        "x": 1526540621699
      },
      {
        "type": "inTransit",
        "label": "In Transit - 1",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "4 days",
        "entryDisplay": "Th 05 17th 12:05 am",
        "exitDisplay": "Mo 05 21st 9:08 am",
        "series": 4,
        "entry": 1526540701761,
        "exit": 1526918896638,
        "x": 1526540701761
      },
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 2",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Mo 05 21st 9:08 am",
        "exitDisplay": "Mo 05 21st 9:09 am",
        "series": 4,
        "entry": 1526918896638,
        "exit": 1526918994587,
        "x": 1526918896638
      },
      {
        "type": "inTransit",
        "label": "In Transit - 3",
        "displayName": "In Transit",
        "y": 10,
        "dwellTimeDisplay": "8 hours",
        "entryDisplay": "Mo 05 21st 9:09 am",
        "exitDisplay": "Mo 05 21st 5:04 pm",
        "series": 4,
        "entry": 1526918994587,
        "exit": 1526947455137,
        "x": 1526918994587
      },
      {
        "type": "loc",
        "label": "MV Home - 4",
        "displayName": "MV Home",
        "y": 20,
        "dwellTimeDisplay": "a day",
        "entryDisplay": "Mo 05 21st 5:04 pm",
        "exitDisplay": "Tu 05 22nd 8:22 pm",
        "series": 4,
        "entry": 1526947455137,
        "exit": 1527045720471,
        "x": 1526947455137
      }
    ]
  },
  {
    "key": "Moped-B",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "3 minutes",
        "entryDisplay": "Mo 05 21st 6:22 am",
        "exitDisplay": "Mo 05 21st 6:26 am",
        "series": 5,
        "entry": 1526908966086,
        "exit": 1526909169824,
        "x": 1526908966086
      }
    ]
  },
  {
    "key": "Sri-Cooler",
    "values": [
      {
        "type": "loc",
        "label": "Sri Home - 0",
        "displayName": "Sri Home",
        "y": 20,
        "dwellTimeDisplay": "21 hours",
        "entryDisplay": "Th 05 17th 8:32 pm",
        "exitDisplay": "Fr 05 18th 5:30 pm",
        "series": 6,
        "entry": 1526614321489,
        "exit": 1526689818443,
        "x": 1526614321489
      }
    ]
  },
  {
    "key": "Scott",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "a few seconds",
        "entryDisplay": "We 05 16th 9:26 am",
        "exitDisplay": "We 05 16th 9:26 am",
        "series": 7,
        "entry": 1526487962116,
        "exit": 1526487964104,
        "x": 1526487962116
      }
    ]
  },
  {
    "key": "David",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "3 minutes",
        "entryDisplay": "We 05 16th 8:05 am",
        "exitDisplay": "We 05 16th 8:08 am",
        "series": 8,
        "entry": 1526483131147,
        "exit": 1526483300539,
        "x": 1526483131147
      }
    ]
  },
  {
    "key": "Robin",
    "values": [
      {
        "type": "loc",
        "label": "CLF San Francisco - 0",
        "displayName": "CLF San Francisco",
        "y": 20,
        "dwellTimeDisplay": "a day",
        "entryDisplay": "Sa 05 19th 6:11 pm",
        "exitDisplay": "Mo 05 21st 3:59 am",
        "series": 9,
        "entry": 1526778687588,
        "exit": 1526900373725,
        "x": 1526778687588
      }
    ]
  },
  {
    "key": "Guest 4",
    "values": [
      {
        "type": "loc",
        "label": "CLF San Francisco - 0",
        "displayName": "CLF San Francisco",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Tu 05 22nd 7:27 am",
        "exitDisplay": "Tu 05 22nd 7:29 am",
        "series": 10,
        "entry": 1526999253136,
        "exit": 1526999378236,
        "x": 1526999253136
      }
    ]
  },
  {
    "key": "Rex",
    "values": [
      {
        "type": "loc",
        "label": "CLF San Francisco - 0",
        "displayName": "CLF San Francisco",
        "y": 20,
        "dwellTimeDisplay": "12 minutes",
        "entryDisplay": "Sa 05 19th 5:07 pm",
        "exitDisplay": "Sa 05 19th 5:19 pm",
        "series": 11,
        "entry": 1526774843373,
        "exit": 1526775545030,
        "x": 1526774843373
      }
    ]
  },
  {
    "key": "Humidity Sensor",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 hours",
        "entryDisplay": "We 05 16th 2:11 pm",
        "exitDisplay": "We 05 16th 4:11 pm",
        "series": 12,
        "entry": 1526505110109,
        "exit": 1526512310541,
        "x": 1526505110109
      }
    ]
  },
  {
    "key": "Milpitas Fridge - S2",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "22 minutes",
        "entryDisplay": "Sa 05 19th 9:09 am",
        "exitDisplay": "Sa 05 19th 9:31 am",
        "series": 13,
        "entry": 1526746176401,
        "exit": 1526747500062,
        "x": 1526746176401
      }
    ]
  },
  {
    "key": "Mahesh Car",
    "values": [
      {
        "type": "loc",
        "label": "MV Home - 0",
        "displayName": "MV Home",
        "y": 20,
        "dwellTimeDisplay": "a few seconds",
        "entryDisplay": "Tu 05 22nd 4:27 am",
        "exitDisplay": "Tu 05 22nd 4:27 am",
        "series": 14,
        "entry": 1526988434952,
        "exit": 1526988454976,
        "x": 1526988434952
      }
    ]
  },
  {
    "key": "MT-2",
    "values": [
      {
        "type": "loc",
        "label": "MV Home - 0",
        "displayName": "MV Home",
        "y": 20,
        "dwellTimeDisplay": "8 hours",
        "entryDisplay": "Tu 05 22nd 12:06 pm",
        "exitDisplay": "Tu 05 22nd 8:22 pm",
        "series": 15,
        "entry": 1527015983273,
        "exit": 1527045720469,
        "x": 1527015983273
      }
    ]
  },
  {
    "key": "MT-1",
    "values": [
      {
        "type": "loc",
        "label": "MV Home - 0",
        "displayName": "MV Home",
        "y": 20,
        "dwellTimeDisplay": "3 days",
        "entryDisplay": "Tu 05 15th 11:05 pm",
        "exitDisplay": "Fr 05 18th 8:22 pm",
        "series": 16,
        "entry": 1526450719472,
        "exit": 1526700171416,
        "x": 1526450719472
      }
    ]
  },
  {
    "key": "Tiana",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 minutes",
        "entryDisplay": "Mo 05 21st 8:42 am",
        "exitDisplay": "Mo 05 21st 8:43 am",
        "series": 17,
        "entry": 1526917344963,
        "exit": 1526917438381,
        "x": 1526917344963
      }
    ]
  },
  {
    "key": "NA Freezer",
    "values": [
      {
        "type": "loc",
        "label": "NA Home - 0",
        "displayName": "NA Home",
        "y": 20,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "We 05 16th 9:44 pm",
        "exitDisplay": "Th 05 17th 7:05 am",
        "series": 18,
        "entry": 1526532241796,
        "exit": 1526565947956,
        "x": 1526532241796
      }
    ]
  },
  {
    "key": "Truck-D",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "3 hours",
        "entryDisplay": "Tu 05 22nd 12:06 pm",
        "exitDisplay": "Tu 05 22nd 2:47 pm",
        "series": 19,
        "entry": 1527015983723,
        "exit": 1527025665376,
        "x": 1527015983723
      }
    ]
  },
  {
    "key": "MJHome-Refrigerator",
    "values": [
      {
        "type": "loc",
        "label": "MJHome - 0",
        "displayName": "MJHome",
        "y": 20,
        "dwellTimeDisplay": "a few seconds",
        "entryDisplay": "We 05 16th 6:46 am",
        "exitDisplay": "We 05 16th 6:46 am",
        "series": 20,
        "entry": 1526478399960,
        "exit": 1526478400287,
        "x": 1526478399960
      }
    ]
  },
  {
    "key": "Audio System",
    "values": [
      {
        "type": "loc",
        "label": "NA Home - 0",
        "displayName": "NA Home",
        "y": 20,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "We 05 16th 9:43 pm",
        "exitDisplay": "Th 05 17th 7:05 am",
        "series": 21,
        "entry": 1526532239216,
        "exit": 1526565950902,
        "x": 1526532239216
      }
    ]
  },
  {
    "key": "NA Living Room",
    "values": [
      {
        "type": "loc",
        "label": "NA Home - 0",
        "displayName": "NA Home",
        "y": 20,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "We 05 16th 9:43 pm",
        "exitDisplay": "Th 05 17th 7:05 am",
        "series": 22,
        "entry": 1526532238653,
        "exit": 1526565945751,
        "x": 1526532238653
      }
    ]
  },
  {
    "key": "Milpitas Fridge - Door Contact",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 hours",
        "entryDisplay": "We 05 16th 2:11 pm",
        "exitDisplay": "We 05 16th 4:11 pm",
        "series": 23,
        "entry": 1526505116420,
        "exit": 1526512310541,
        "x": 1526505116420
      }
    ]
  },
  {
    "key": "Water Leak",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "an hour",
        "entryDisplay": "We 05 16th 2:11 pm",
        "exitDisplay": "We 05 16th 3:16 pm",
        "series": 24,
        "entry": 1526505109644,
        "exit": 1526509008231,
        "x": 1526505109644
      }
    ]
  },
  {
    "key": "Air Quality -C02 Sensor",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "an hour",
        "entryDisplay": "We 05 16th 2:11 pm",
        "exitDisplay": "We 05 16th 3:15 pm",
        "series": 25,
        "entry": 1526505108719,
        "exit": 1526508939627,
        "x": 1526505108719
      }
    ]
  },
  {
    "key": "Pressure Sensor",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 hours",
        "entryDisplay": "We 05 16th 2:12 pm",
        "exitDisplay": "We 05 16th 4:12 pm",
        "series": 26,
        "entry": 1526505120689,
        "exit": 1526512330543,
        "x": 1526505120689
      }
    ]
  },
  {
    "key": "Tmp Sensor",
    "values": [
      {
        "type": "loc",
        "label": "CLF HQ Milpitas - 0",
        "displayName": "CLF HQ Milpitas",
        "y": 20,
        "dwellTimeDisplay": "2 hours",
        "entryDisplay": "We 05 16th 2:11 pm",
        "exitDisplay": "We 05 16th 3:59 pm",
        "series": 27,
        "entry": 1526505107843,
        "exit": 1526511580379,
        "x": 1526505107843
      }
    ]
  },
  {
    "key": "NA Fridge",
    "values": [
      {
        "type": "loc",
        "label": "NA Home - 0",
        "displayName": "NA Home",
        "y": 20,
        "dwellTimeDisplay": "9 hours",
        "entryDisplay": "We 05 16th 9:43 pm",
        "exitDisplay": "Th 05 17th 7:05 am",
        "series": 28,
        "entry": 1526532238900,
        "exit": 1526565952211,
        "x": 1526532238900
      }
    ]
  },
  {
    "key": "Plane-C",
    "values": []
  },
  {
    "key": "Mahesh Basement",
    "values": []
  },
  {
    "key": "MV Winebank Cellar2",
    "values": []
  },
  {
    "key": "Fridge Trailer-LT",
    "values": []
  },
  {
    "key": "Car-A",
    "values": []
  },
  {
    "key": "MV Home Wine Cellar1",
    "values": []
  },
  {
    "key": "Guest 2",
    "values": []
  },
  {
    "key": "Guest 1",
    "values": []
  },
  {
    "key": "Raj",
    "values": []
  },
  {
    "key": "Nitesh",
    "values": []
  },
  {
    "key": "Milpitas Fridge - S5",
    "values": []
  }
];
    
    // Feel free to change or delete any of the code you see in this editor!
    var svg = d3.select("body").append("svg")
      .attr("width", 960)
      .attr("height", 500)
        
    data.forEach(function(asset){ 
        svg.selectAll('rect')
        .data(asset.values)
        .enter().append('rect');
    
    })
    svg.append("text")
      .text("Edit the code below to change me!")
      .attr("y", 200)
      .attr("x", 120)
      .attr("font-size", 36)
      .attr("font-family", "monospace")
​
  </script>
</body>
​
    