Classic D3 Examples
Old school D3 from simpler times
egrotke
Full window
Github gist
fresh block
Built with
blockbuilder.org
<!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>
https://d3js.org/d3.v4.min.js