JSFiddle - React, Tailwind, and code Playground

by mmparker

HTML

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="500px" height="361.726px" viewBox="0 0 623349 451093" id="Blank map of Colorado counties as of 2005">
<clipPath id="Colorado_clip_path">
  <polygon id="Colorado_polygon" points="-280348.56,-212489.74 -273948.26,-212270.76 -270467.23,-212138.59 -268828.68,-212077.38 -256508.02,-211657.06 -254868.11,-211598.01 -246928.23,-211374.26 -245288.93,-211316.46 -240052.92,-211126.59 -223924.40,-210564.66 -223622.08,-210557.80 -218346.61,-210438.26 -216706.64,-210401.93 -214243.78,-210348.03 -210505.03,-210284.19 -207328.64,-210231.30 -192169.40,-209997.28 -189249.15,-209954.31 -184993.61,-209868.13 -182692.81,-209811.15 -182023.58,-209788.17 -179670.15,-209729.57 -178579.12,-209702.37 -178031.67,-209688.99 -177019.56,-209664.30 -176391.88,-209649.15 -173982.54,-209592.72 -167529.70,-209445.23 -164917.47,-209387.19 -158872.67,-209256.48 -152470.13,-209097.54 -151191.42,-209078.13 -150830.05,-209071.31 -149603.41,-209048.98 -146476.22,-208989.25 -142787.50,-208946.85 -141199.92,-208929.23 -138896.55,-208904.23 -136898.76,-208882.51 -134744.97,-208859.79 -133722.56,-208836.08 -127318.92,-208737.05 -119378.46,-208621.93 -110155.20,-208551.40 -108156.73,-208537.71 -96528.95,-208344.66 -73579.27,-208013.68 -72810.54,-208039.26 -71990.11,-208033.08 -69582.76,-208014.71 -64767.98,-207913.76 -62205.75,-207912.52 -61539.36,-207912.55 -55751.53,-207769.66 -53446.35,-207733.90 -51756.63,-207727.62 -51295.68,-207726.59 -51248.31,-207705.93 -50891.12,-207551.84 -50527.04,-207371.46 -40947.30,-207258.69 -40391.33,-207252.30 -40332.27,-207251.56 -31162.74,-207111.07 -29574.42,-207087.73 -28916.37,-207078.40 -26244.28,-207056.76 -25842.37,-207053.68 -23533.34,-207135.51 -21480.55,-207208.60 -18662.51,-207287.52...

CSS

polygon.countypoly
{
    fill:#C2FFA3;
}

polygon.countypoly:hover
{
    fill:#009900;
}

polygon.metro
{
    fill:#0099FF;
}

polygon.metro:hover
{
    fill:#0033CC;
}