JSFiddle - React, Tailwind, and code Playground

HTML

<svg width="960" height="600"></svg>

<script src="https://d3js.org/d3.v4.min.js"></script>

JavaScript

var nodes = [
  { id: "pusat", group: 0, label: "pusat", level: 1 },
  { id: "dki"   , group: 1, label: "dki"   , level: 1 },
  { id: "jaksel"   , group: 1, label: "jaksel"   , level: 3 },
  { id: "jakpus"  , group: 1, label: "jakpus"   , level: 3 },
  { id: "jabar"   , group: 2, label: "jabar"   , level: 1 },
  { id: "sumedang"   , group: 2, label: "sumedang"    , level: 3 },
  { id: "bekasi", group: 2, label: "bekasi", level: 3 },
  { id: "bandung"   , group: 2, label: "bandung"   , level: 3 },
  { id: "jatim"   , group: 3, label: "jatim"  , level: 1 },
  { id: "malang"  , group: 3, label: "malang"   , level: 3 },
  { id: "lamongan"  , group: 3, label: "lamongan"  , level: 3 },
  { id: "diy"   , group: 4, label: "diy"  , level: 1 },
  { id: "sleman"  , group: 4, label: "sleman"   , level: 3 },
  { id: "jogja"  , group: 4, label: "jogja"  , level: 3 },
  { id: "bali"   , group: 5, label: "bali"  , level: 1 },
  { id: "bali1"  , group: 5, label: "bali1"   , level: 3 },
  { id: "bali2"  , group: 5, label: "bali2"  , level: 3 },
  { id: "ntt"   , group: 6, label: "ntt"  , level: 1 },
  { id: "ntt1"  , group: 6, label: "ntt1"   , level: 3 },
  { id: "ntt2"  , group: 6, label: "ntt2"  , level: 3 }
]

var links = [
	{ target: "pusat", source: "dki" , strength: 0.2, value:1 },
	{ target: "pusat", source: "jabar" , strength: 0.2, value:3 },
  { target: "pusat", source: "jatim" , strength: 0.2, value:6 },
	{ target: "pusat", source: "diy" , strength: 0.2, value:1 },
	{ target: "pusat", source: "bali" , strength: 0.2, value:1 },
	{ target: "pusat", source: "ntt" , strength: 0.2, value:1 },

  //{ target: "pusat", source: "malang" , strength: 0.2, value:3 },
  //{ target: "pusat", source: "lamongan" , strength: 0.2, value:6 },

  { target: "dki", source: "jaksel" , strength: 0.7, value:2 },
  { target: "dki", source: "jakpus" , strength: 0.7, value:3 },
  { target: "jabar", source: "sumedang" , strength: 0.7, value:0.5 },
  { target: "jabar", source: "bekasi", strength:...