JSFiddle - React, Tailwind, and code Playground

by brunomuller

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/d3.min.js"></script>

CSS

body{ font: Arial 12px; text-align: center;}

			.link {
			  stroke: #ccc;
			}

			.node text {
			  pointer-events: none;
			  font: sans-serif;
			}

JavaScript

var json = {
    "nodes": [
      {
        "name": "Airtm",
        "id": 0,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Beans",
        "id": 1,
        "type": "wallet",
        "connections": 2
      },
      {
        "name": "Boss Money",
        "id": 2,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Busha",
        "id": 3,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "CEX",
        "id": 4,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "Changera (by BitMama)",
        "id": 5,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "ChipperCash",
        "id": 6,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "CoinMENA",
        "id": 7,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Coinbase",
        "id": 8,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Coins.ph",
        "id": 9,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Conduit",
        "id": 10,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Decaf",
        "id": 11,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "Dollarize",
        "id": 12,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "Ejara",
        "id": 13,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "El Dorado",
        "id": 14,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "Elroy",
        "id": 15,
        "type": "wallet",
        "connections": 0
      },
      {
        "name": "Espresso Cash",
        "id": 16,
        "type": "wallet",
        "connections": 1
      },
      {
        "name": "FreedomPay",
  ...