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...