Bootstrap Column Chart Card Snippet

How to use this Bootstrap snippet
Revenue

How to use this Bootstrap Column Chart Card Snippet

Place the code in the <body> for Interface 
          
<!-- Chart 5 - Bootstrap Brain Component -->
<section class="py-3 py-md-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-lg-9 col-xl-8 col-xxl-7">
        <div class="card widget-card border-light shadow-sm">
          <div class="card-body p-4">
            <div class="d-block d-sm-flex align-items-center justify-content-between mb-3">
              <div class="mb-3 mb-sm-0">
                <h5 class="card-title widget-card-title">Revenue</h5>
              </div>
              <div>
                <select class="form-select text-secondary border-light-subtle">
                  <option value="1">Month</option>
                  <option value="2">Week</option>
                  <option value="3">Day</option>
                </select>
              </div>
            </div>
            <div id="bsb-chart-5"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
Place the <link> tag in the <head> for CSS 
          
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/components/charts/chart-5/assets/css/chart-5.css">
Place the <script> tag before the closing </body> for JS 
            
<script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
<script src="https://unpkg.com/[email protected]/components/charts/chart-5/assets/controller/chart-5.js"></script>

The Bootstrap Column Chart Card Snippet is a specialized code snippet tailored for admin dashboards, enabling the integration of column charts within cards. This feature harnesses the power of Bootstrap components, ensuring seamless responsiveness and adaptability across various devices and screen sizes. Admins can utilize this snippet to embed column charts within dashboard cards, presenting data variations and emphasizing specific data points or categories for easy comprehension.