JSFiddle - React, Tailwind, and code Playground

by Ganesh_Babu_469

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/crossfilter2/1.5.2/crossfilter.min.js"></script>

JavaScript

var data = [
  {
  "id": "01",
  "label": "NetworkDev1",
  "type": "NETWORK",
  "subType": "COMPUTE",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.1",
  "vendor": "VMWARE",
  "model": "12",
  "platform": "LINUX",
  "fqdn": "172.1.1.1"
},{
  "id": "99",
  "label": "Dev99",
  "type": "NETWORK",
  "subType": "VSWITCH",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.99",
  "vendor": "VMWARE",
  "model": "12",
  "platform": "LINUX",
  "fqdn": "172.1.1.99"
},{
  "id": "98",
  "label": "Dev98",
  "type": "NETWORK",
  "subType": "FIREWALL",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.98",
  "vendor": "VMWARE",
  "model": "12",
  "platform": "LINUX",
  "fqdn": "172.1.1.98"
},
{
  "id": "97",
  "label": "Dev97",
  "type": "NETWORK",
  "subType": "Firewall",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.97",
  "vendor": "VMWARE",
  "model": "12",
  "platform": "LINUX",
  "fqdn": "172.1.1.97"
}, {
  "id": "02",
  "label": "NetworkDev2",
  "type": "NETWORK",
  "subType": "VM",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.2",
  "vendor": "CISCO",
  "model": "13",
  "platform": "LINUX",
  "fqdn": "172.1.1.2"
},{
  "id": "03",
  "label": "Storage",
  "type": "STORAGE",
  "subType": "Switch",
  "parental": "parents",
  "children": "childrens",
  "isLinked": true,
  "ipAddress": "172.1.1.3",
  "vendor": "CISCO",
  "model": "13",
  "platform": "LINUX",
  "fqdn": "172.1.1.3"
}];
var crossFilteredData = crossfilter(data);
console.log("*********************CROSS FILTER START**********************");
var networkTypeDimensions = crossFilteredData.dimension(function(d) { return d.type; });
var networkSubTypeDimensions = crossFilteredData.dimension(function(d){return d.subType;});


/* networkTypeDimensions.filterAll();...