D3 Js
Falcon 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">
<svg class="d3-packed-bubble-svg"></svg>
<div class="d3-packed-bubble-tooltip pe-none position-fixed py-1 px-2 rounded">
<div class="d-flex align-items-center fs--1">
<span class="dot d3-tooltip-dot"></span>
<span class="fw-semi-bold d3-tooltip-name pe-2"></span>
<span class="fw-semi-bold d3-tooltip-value"></span>
</div>
</div>
</div>