Embed Details
Add this style information to the head of your file.
<![CDATA[<link rel="stylesheet" href="//d1o40k53wiknb7.cloudfront.net/css/map-2025-ny-county-index-scores.css" type="text/css">]]>
Add this html where you need the graph to appear
<![CDATA[<div class="use-tailwind">
<section
id="map-2025-ny-county-index-scores"
class="w-11/12 mx-auto"
>
<h3 class="text-3xl font-bold text-center text-blue-400">Well-Being Mapped: Overall Barriers</h3>
<ul class="flex flex-col lg:flex-row justify-center items-center gap-x-5 my-10">
<li
class="flex items-center gap-x-1"
>
<span
style="background-color:#d1c7e1"
class="h-2 lg:h-4 w-2 lg:w-4"
></span>
<p class="text-base">Fewest Barriers Overall (Below Average)</p>
</li>
<li
class="flex items-center gap-x-1"
>
<span
style="background-color:#a5a6d9"
class="h-2 lg:h-4 w-2 lg:w-4"
></span>
<p class="text-base">Near Average Barriers Overall</p>
</li>
<li
class="flex items-center gap-x-1"
>
<span
style="background-color:#4b4c9b"
class="h-2 lg:h-4 w-2 lg:w-4"
></span>
<p class="text-base">Greatest Barriers Overall (Above Average)</p>
</li>
</ul>
<div id="county-map-container" class="w-3/4 mx-auto"></div>
<div
id="tooltip"
style="opacity: 0"
class="fixed w-64 py-1 px-2 bg-white rounded-lg shadow-lg"
></div>
</section>
</div>]]>
Add this before the closing body tag
<![CDATA[<script src="//d1o40k53wiknb7.cloudfront.net/js/map-2025-ny-county-index-scores.js"></script>]]>