JSFiddle - React, Tailwind, and code Playground

by Nicholas Mastracchio

HTML

<script src="http://www.zingchart.com/playground/lib/zingchart/zingchart-html5-min.js"></script>
<div id='chartDiv'></div>

JavaScript

var data={
    "displayFieldName": "firstname",
    "fieldAliases": {
        "objectid": "OBJECTID",
        "incidentid": "Incident Number",
        "incidentnm": "Incident Name",
        "inspectid": "Inspector ID",
        "inspector": "Inspector",
        "inspemail": "Inspector's Email Address",
        "inspphone": "Inspector's Phone Number",
        "affil": "Affiliation",
        "inspdate": "Inspection Date Time",
        "firstname": "Contact First Name",
        "lastname": "Contact Last Name",
        "fulladdr": "Full Address",
        "pstlcity": "Postal City",
        "pstlzip5": "Postal Zip 5",
        "siteid": "Site ID",
        "parcelid": "Parcel Identification Number",
        "usngcoord": "USNG Coordinate",
        "homephone": "Home Phone",
        "workphone": "Work Phone",
        "cellphone": "Cell Phone",
        "email": "Email",
        "sms": "SMS or Text",
        "represent": "Owner / Occupant",
        "primres": "Primary Residence",
        "habitable": "Habitable",
        "numoccup": "Number of Occupants",
        "strinsur": "Structure Insured",
        "continsur": "Contents Insured",
        "rentinsur": "Renter's Insurance",
        "earinsur": "Earthquake Coverage",
        "floodinsur": "Flood Coverage",
        "fireinsur": "Wildland Fire Coverage",
        "deduct": "Insurance Deductible",
        "predisval": "Value Before Damage",
        "strloss": "Estimated $ Loss Structure",
        "contloss": "Estimated $ Loss Contents",
        "typdamage": "Extent of Damage",
        "primcause": "Primary Cause of Damage",
        "descdamage": "Description of Damage",
        "impactjur": "Impact to Jurisdiction",
        "comments": "Additional Comments",
        "lastupdate": "Last Update Date",
        "lasteditor": "Last Editor"
    },
    "geometryType": "esriGeometryPoint",
    "spatialReference": {
        "wkid": 102100,
        "latestWkid": 3857
    },
    "fields": [
        {
            "name": "objectid",
     ...