### D3 Js

Falcon uses D3.js - JavaScript library for manipulating documents based on data.

D3 Js documentations

##### Javascript

    <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-10">
          <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>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize