JSFiddle - React, Tailwind, and code Playground

by introvert

HTML

<script src="http://openlayers.org/api/OpenLayers.js"></script>
<div id = "nz" style = "width: 512px;height: 512px; float:left;"></div>
<div id = "info" style = "float right; clear left;"></div>
<h1>NZ Playcentre Federation</h1>
<h3>2008 ACE Funding Statistics</h3>
<b>Circle: </b><br>
<b>Colour: </b>Supervision(Group: Orange; Supervised: Green; Team: Purple; Not Defined: Yellow)<br>
<b>Size: </b>proportional to number of centres<br>
<b>Opacity: </b>darker means more ACE Funding<br><br>
Click on circles for more details<br><br>
<p style="font-family:arial;font-size:11px;">Notes:</p>
<ul style="font-family:arial;font-size:10px;">
Assn main supervision style is ficticious<br>
</ul>

CSS

<style type = "text/css">
   .playcentre_purple {color: #542988;}
   .playcentre_green  {color: #7BC143;}
   .playcentre_yellow {color: #FFD200;}
   .playcentre_orange {color: #F89828;}
   </style>

JavaScript

var data = [
"Association","Longitude","Latitude","Centres","Supervision","ACE Funded","Enroled and Completed","Total Completed",
"Auckland",174.6869119,-36.9028364,19,"Group",133,60,116,
"Buller Westland",171.1957152,-42.4498498,10,"Supervised",50,34,35,
"Canterbury",172.6378461,-43.54728,50,"Supervised",500,208,317,
"Central Districts",175.5643427,-40.2249238,21,"Supervised",187,76,111,
"Central Hawkes Bay",176.5526172,-39.9950345,5,"Team",4,0,0,
"Counties",174.9436176,-37.0677049,17,"Team",174,83,136,
"East Waikato",175.7804683,-38.0489883,10,"Group",36,20,31,
"Eastern Bay of Plenty",175.781854,-38.0549822,12,"Supervised",58,11,36,
"Far North",173.2675593,-35.1173296,7,"Group",21,0,12,
"Hawkes Bay",176.8394093,-39.6361722,11,"Group",82,45,57,
"Hutt",175.0225915,-41.2159433,18,"Supervised",158,76,124,
"King Country",175.2053205,-38.1834433,12,"Supervised",55,35,50,
"Marlborough",173.9612498,-41.5134425,6,"Supervised",37,16,29,
"Mid Canterbury",171.7485672,-43.9083813,8,"Group",83,0,75,
"Mid Northland",173.8034845,-35.4001746,7,"Supervised",91,71,82,
"Nelson",173.1961147,-41.3493412,15,"Team",134,71,88,
"North Shore",174.7139816,-36.7390156,22,"Group",199,112,160,
"Northland",174.3276115,-35.7282977,25,"Supervised",120,87,105,
"Otago",170.3903567,-45.8990342,38,"Supervised",246,136,181,
"Rotorua",176.2497461,-38.1368478,13,"Supervised",64,24,46,
"South Canterbury",171.2549729,-44.3969718,7,"Group",20,20,24,
"Southern King Country",175.2903917,-38.8814312,6,"Supervised",0,0,0,
"Southland",168.3521794,-46.4105822,21,"Group",159,94,113,
"Tairawhiti",178.0281229,-38.6583268,12,"Group",38,14,24,
"Tamaki",174.862483,-36.9134865,17,"Team",169,142,163,
"Taranaki",174.2071091,-39.1582343,17,"Group",91,37,57,
"Te Akoranga",174.6226371,-36.863664,14,"Supervised",147,44,62,
"Thames Valley...