JSFiddle - React, Tailwind, and code Playground

by Kaleb Hornsby

HTML

<div id="paper"></div>

JavaScript

var R = Raphael("paper",435,480);
var map = {
    Barry: { fill: "", path: "m 226.84838 359.38392 -0.54746 28.6671 8.411 0.224 -0.69677 23.0432 -0.22396 9.4064 0 2.1152 -0.12442 1.5179 0.0249 2.1152 -0.12442 2.6378 -0.12442 1.7419 -0.34839 8.6599 0 2.6129 -0.24884 6.3953 -0.34839 8.3861 -0.59723 15.4036 -0.22396 4.8028 -10.10317 -0.1493 -31.72791 -0.3733 -3.23501 -0.025 -18.58882 -0.2986 -6.24605 -0.1 -2.11519 -0.025 -37.65046 -0.7217 2.86173 -68.4825 1.34377 -22.9188 -1.41842 0 1.96589 -28.5426 z" }
  , Barton: { fill: "", path: "m 126.6877 160.40638 -0.59723 15.90129 -2.73731 64.4761 -117.3559565 -6.27093 0.12442 -5.05158 1.59262 -70.1498 0.0995 -4.80274 z" }
  , Cedar: { fill: "", path: "m 129.54943 87.917433 55.79137 3.38431 -0.59723 16.274547 40.36288 1.41843 -0.82119 24.03856 4.97693 0.34838 -2.04054 46.08636 -9.82944 -0.34839 -15.57778 -0.47281 -8.93359 -0.22396 -5.12623 -0.24884 -61.66414 -1.86635 0.59723 -15.90129 1.19446 -32.17584 -0.52257 0.12443 z" }
  , Christian: { fill: "", path: "m 227.71934 311.05802 40.21358 1.0202 8.18704 0.224 71.86684 1.8166 36.1325 0.423 -0.12442 4.6286 -0.29862 24.7851 -0.79631 39.9398 -0.0995 7.8884 -25.53164 -0.6718 -34.98781 -1.0452 -28.1943 -0.6719 -8.03773 0.025 1.89123 -48.5997 -60.64387 -1.3438 z" }
  , Dade: { fill: "", path: "m 227.22165 179.46802 0 1.11981 -0.4977 9.77966 -1.04515 29.1648 -1.294 40.93523 -94.6114 -3.4092 -7.01747 -0.37327 0.59723 -15.90128 2.73731 -64.4761 61.66414 1.86635 5.12623 0.24884 8.93359 0.22396 15.57778 0.47281 z" }
  , Dallas: { fill: "", path: "m 347.3398 88.912813 47.35547 1.99077 -1.39354 48.201547 3.33455 0.12442 -1.74193 65.84476 -48.25132 -0.74654 -0.19907 19.2856 -23.86437 -0.94562 2.16496 -85.25477 -3.95666 -0.12443 0.72166 -20.9031 1.31888 -28.169407 z" }
  , Greene: { fill: "", path: "m 225.6788 219.53229 96.90079 3.13546 23.86437 0.94562 -0.89585 39.93985 3.95666 0.12442 -1.19446 30.65788 -0.32351 19.7833 -71.86684 -1.8166 -8.18704 -0.224 -40.21358 -1.0202 1.26912 -50.46608...