JSFiddle - React, Tailwind, and code Playground

by Vignesh Gopalakrishnan

JavaScript

< !DOCTYPE html >
  <
  html >

  <
  head >
  <
  meta charset = "utf-8" >
  <
  meta name = "viewport"
content = "initial-scale=1,maximum-scale=1,user-scalable=no" >
  <
  title > Intro to graphics - 4.6 < /title>

  <
  link rel = "stylesheet"
href = "https://js.arcgis.com/4.7/esri/css/main.css" >
  <
  script src = "https://js.arcgis.com/4.7/" > < /script>

  <
  style >
  html,
  body, #viewDiv {
    padding: 0;
    margin: 0;
    height: 100 % ;
    width: 100 % ;
  } <
  /style>

  <
  script >
  require([
    "esri/Map",
    "esri/views/MapView",
    "esri/Graphic",
    "esri/layers/GraphicsLayer",
    "dojo/domReady!"
  ], function(
    Map, MapView, Graphic, GraphicsLayer
  ) {

    var map = new Map({
      basemap: "dark-gray"
    });

    var view = new MapView({
      center: [-84.51, 39.098],
      container: "viewDiv",
      map: map,
      zoom: 4
    });

    var dmText = {
      "0": {
        "006EI4ZXZALFTPFU4ALXM1P0Q": 0,
        "006EI4ZXZALFTPFU4ALXM1P0Qformat": "0.000",
        "Z_STATE": "Alabama",
        "ZIO_LAT": "30.435557430000",
        "ZIO_LON": "-87.691687560000",
        "006EI4ZXZALFTPFU4ALXM1VCA": 0,
        "006EI4ZXZALFTPFU4ALXM1VCAformat": "0.000"
      },
      "1": {
        "006EI4ZXZALFTPFU4ALXM1P0Q": 0,
        "006EI4ZXZALFTPFU4ALXM1P0Qformat": "0.000",
        "Z_STATE": "Alabama",
        "ZIO_LAT": "30.605085790000",
        "ZIO_LON": "-87.874327220000",
        "006EI4ZXZALFTPFU4ALXM1VCA": 0,
        "006EI4ZXZALFTPFU4ALXM1VCAformat": "0.000"
      },
      "2": {
        "006EI4ZXZALFTPFU4ALXM1P0Q": 0,
        "006EI4ZXZALFTPFU4ALXM1P0Qformat": "0.000",
        "Z_STATE": "Alabama",
        "ZIO_LAT": "30.666774740000",
        "ZIO_LON": "-88.171646110000",
        "006EI4ZXZALFTPFU4ALXM1VCA": 0,
        "006EI4ZXZALFTPFU4ALXM1VCAformat": "0.000"
      },
      "3": {
        "006EI4ZXZALFTPFU4ALXM1P0Q": 0,
        "006EI4ZXZALFTPFU4ALXM1P0Qformat": "0.000",
        "Z_STATE": "Alabama",
        "ZIO_LAT":...