JSFiddle - React, Tailwind, and code Playground

by zoldello

HTML

<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 3px;
}

.node text {
  font: 12px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 2px;
}
</style>
<body>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.13.0/d3.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.js"></script>
  
<script>

var fields =  [
        "id",
        "name",
        "tag.analytics.aggname",
        "tag.analytics.jobname",
        "tag.analytics.metric",
        "tag.kubernetes.namespace.creationTimestamp",
        "tag.kubernetes.namespace.name",
        "tag.kubernetes.namespace.phase",
        "tag.kubernetes.namespace.uid",
        "tag.kubernetes.node.ExternalIP",
        "tag.kubernetes.node.Hostname",
        "tag.kubernetes.node.InternalIP",
        "tag.kubernetes.node.creationTimestamp",
        "tag.kubernetes.node.name",
        "tag.kubernetes.node.uid",
        "tag.kubernetes.pod.creationTimestamp",
        "tag.kubernetes.pod.hostIP",
        "tag.kubernetes.pod.label.app",
        "tag.kubernetes.pod.label.chart",
        "tag.kubernetes.pod.label.component",
        "tag.kubernetes.pod.label.controller-revision-hash",
        "tag.kubernetes.pod.label.heritage",
        "tag.kubernetes.pod.label.k8s-app",
        "tag.kubernetes.pod.label.kubernetes.io/cluster-service",
        "tag.kubernetes.pod.label.name",
        "tag.kubernetes.pod.label.pod-template-generation",
        "tag.kubernetes.pod.label.pod-template-hash",
        "tag.kubernetes.pod.label.release",
        "tag.kubernetes.pod.label.tier",
        "tag.kubernetes.pod.name",
        "tag.kubernetes.pod.phase",
        "tag.kubernetes.pod.podIP",
        "tag.kubernetes.pod.uid",
        "tag.kubernetes.service",
        "tag.kubernetes.type",
        "tag.collector",
        "units"
    ]

var key = "tag.kubernetes.pod.label.release";

const buildTree = (fields) => {
 ...