ngx-admin/src/app/pages/charts/d3/d3.component.html

<div class="row">
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Pie</nga-card-header>
      <nga-card-body>
        <ngx-d3-pie></ngx-d3-pie>
      </nga-card-body>
    </nga-card>
  </div>
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Bar</nga-card-header>
      <nga-card-body>
        <ngx-d3-bar></ngx-d3-bar>
      </nga-card-body>
    </nga-card>
  </div>
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Line</nga-card-header>
      <nga-card-body>
        <ngx-d3-line></ngx-d3-line>
      </nga-card-body>
    </nga-card>
  </div>
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Advanced Pie</nga-card-header>
      <nga-card-body>
        <ngx-d3-advanced-pie></ngx-d3-advanced-pie>
      </nga-card-body>
    </nga-card>
  </div>
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Area Chart</nga-card-header>
      <nga-card-body>
        <ngx-d3-area-stack></ngx-d3-area-stack>
      </nga-card-body>
    </nga-card>
  </div>
  <div class="col-lg-6">
    <nga-card size="large">
      <nga-card-header>Polar Chart</nga-card-header>
      <nga-card-body>
        <ngx-d3-polar></ngx-d3-polar>
      </nga-card-body>
    </nga-card>
  </div>
</div>