D3 Js
Falcon tailwind uses D3.js - JavaScript library for manipulating documents based on data.
D3 Js documentationsJavascript
<script src="vendors/d3/d3.min.js"></script>
Packed Bubble Chart
<!-- Find the JS file for the following chart at: src/js/charts/d3/d3-packed-bubble.js-->
<!-- If you are not using gulp based workflow, you can find the transpiled code at: public/assets/js/theme.js-->
<div class="d3-packed-bubble-chart h-100"><svg class="d3-packed-bubble-svg"></svg>
<div class="d3-packed-bubble-tooltip pointer-events-none fixed py-1 px-2 rounded-sm">
<div class="flex items-center text-sm">
<span class="dot d3-tooltip-dot"></span>
<span class="font-semibold d3-tooltip-name pe-2"></span>
<span class="font-semibold d3-tooltip-value"></span>
</div>
</div>
</div>