JSFiddle - React, Tailwind, and code Playground

CSS

ul.ordering {    list-style:none;   padding-left: 0pt; }
ul.ordering li{ 
  display:block; 
  clear:left; 
  font-size: 20px;
   line-height: 20px;
   text-align: left; 
   padding-bottom: 5pt;
 }
ul.ordering li span{  width: 12px; height: 12px; background:red;  display:inline-block; margin-right:6px }
ul.ordering li:nth-child(2) span{ background:green !important;  }
ul.ordering li:nth-child(3) span{ background:blue !important;  }

JavaScript

import React from 'react';
import ReactFC from 'react-fusioncharts';
import FusionCharts from 'fusioncharts';
import FusionMaps from 'fusioncharts/fusioncharts.maps';
import USA from 'fusionmaps/maps/fusioncharts.usa';
import FusionTheme from 'fusioncharts/themes/fusioncharts.theme.fusion';
import { Grid, makeStyles } from '@material-ui/core';
import { useRef } from 'react';
import Card from '@mui/material/Card';
import CardContent from '@mui/material/CardContent';
import Typography from '@mui/material/Typography';
import './usamap.css';

ReactFC.fcRoot(FusionCharts, FusionMaps, USA, FusionTheme);

export default function App({}) {

  const paragraphEl = useRef(null);

  const colorrange = {
    minvalue: '20',
    code: '#00A971',
    gradient: '1',
    color: [
      {
        minvalue: '20',
        maxvalue: '40',
        code: '#EFD951',
      },
      {
        minvalue: '40',
        maxvalue: '60',
        code: '#FD8963',
      },
      {
        minvalue: '60',
        maxvalue: '80',
        code: '#0C0EEA',
      },
    ],
  };
  const data = [
    {
      id: 'HI',
      value: '70.0',
    },
    {
      id: 'DC',
      value: '52.3',
    },
    {
      id: 'MD',
      value: '54.2',
    },
    {
      id: 'DE',
      value: '55.3',
    },
    {
      id: 'RI',
      value: '50.1',
    },
    {
      id: 'WA',
      value: '48.3',
    },
    {
      id: 'OR',
      value: '48.4',
    },
    {
      id: 'CA',
      value: '59.4',
    },
    {
      id: 'AK',
      value: '26.6',
    },
    {
      id: 'ID',
      value: '44.4',
    },
    {
      id: 'NV',
      value: '49.9',
    },
    {
      id: 'AZ',
      value: '60.3',
    },
    {
      id: 'MT',
      value: '42.7',
    },
    {
      id: 'WY',
      value: '42.0',
    },
    {
      id: 'UT',
      value: '48.6',
    },
    {
      id: 'CO',
      value: '45.1',
    },
    {
      id: 'NM',
      value: '53.4',
    },
    {
      id: 'ND',
      value: '40.4',
    },
    {
      id: 'SD',
  ...