Making use of the CCC library in a CDF dashboard

As CCC is a chart library, you can use it as you would on any other web page. But CDF also provides components that you can implement to use a CCC chart on a dashboard and fully integrate with the life cycle of the dashboard. To use a CCC chart on the CDF dashboard, the HTML that is invoked from the XCDF file would look like the following (as we have already covered how to build a CDF dashboard, I will not focus on that, and will mainly focus on the JavaScript code):

<div class="row">
    <div class="col-xs-12">
        <div id="chart"/>
    </div>
</div>
<script language="javascript" type="text/javascript">
  require(['cdf/Dashboard.Bootstrap',                  
           'cdf/components/CccBarChartComponent'],
  function(Dashboard, CccBarChartComponent) {
    var dashboard = new Dashboard();
    var chart = new CccBarChartComponent({
        type: "cccBarChart",
        name: "cccChart",
        executeAtStart...