JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Gable.js</title>
        <script src="https://raw.github.com/editor/Gable/master/gable.js"></script>
    </head>
    <body>
        <div id='example7'></div>
    </body>
</html>

JavaScript

var data = [ { 'State': 'US-AL', 'Marginal Property Tax Rate': -4.83 }, [ 'US-AK', 0 ], [ 'US-AZ', -3.19 ], [ 'US-AR', -6.01 ], [ 'US-CA', -6.12 ], [ 'US-CO', -3.92 ], [ 'US-CT', 0 ], [ 'US-DE', -4.87 ], [ 'US-DC', -0.43 ], [ 'US-FL', 0 ], [ 'US-GA', 0 ], [ 'US-HI', -7.26 ], [ 'US-ID', -5.36 ], [ 'US-IL', -4.65 ], [ 'US-IN', -1.3 ], [ 'US-IA', -4.58 ], [ 'US-KS', -0 ], [ 'US-KY', -5.44 ], [ 'US-LA', 1.08 ], [ 'US-ME', 0.03 ], [ 'US-MD', 0 ], [ 'US-MA', 0 ], [ 'US-MI', -13.28 ], [ 'US-MN', -12.87 ], [ 'US-MS', -4.22 ], [ 'US-MO', 0.33 ], [ 'US-MT', -5.64 ], [ 'US-NE', -0.47 ], [ 'US-NV', 0 ], [ 'US-NH', 0 ], [ 'US-NJ', -2.82 ], [ 'US-NM', -4.05 ], [ 'US-NY', 0.01 ], [ 'US-NC', 0 ], [ 'US-ND', -2.89 ], [ 'US-OH', 0 ], [ 'US-OK', -4.47 ], [ 'US-OR', -7.69 ], [ 'US-PA', 0 ], [ 'US-RI', -4.79 ], [ 'US-SC', -5.39 ], [ 'US-SD', 0 ], [ 'US-TN', 0 ], [ 'US-TX', 0 ], [ 'US-UT', 0 ], [ 'US-VT', -4.52 ], [ 'US-VA', -1.19 ], [ 'US-WA', 0 ], [ 'US-WV', 0 ], [ 'US-WI', -1.83 ], [ 'US-WY', 0 ] ];

Gable( 'taxes_geo' )
.add( {
    value: data
  , meta: {
        title: 'Marginal Property Taxe Rates By State'
  }
} )
.draw( {
    target: 'example7'
  , type: 'geo'
  , meta: {
      colorAxis: { colors: [ 'green', 'yellow', 'red' ] }
      , region: 'US'
      , resolution: 'provinces'
      , backgroundColor: '#FDF6E3'
    }
} );