ChartFactor Toolkit Installation¶

To install the ChartFactor Toolkit follow the steps below:

Download the latest version of the ChartFactor Toolkit. The zip package will contain the the following:

cftoolkit.min.js. The core library
cft-standard-charts.min.js. The standard set of visualizations
cft-tables-charts.min.js. The tables visualizations
cft-interactive-charts.min.js. The interactivity components
cft-geo-charts.min.js. The geo visualizations
cft-elasticsearch-provider.min.js. A basic version of the elasticsearch provider
cft-google-bigquery-provider.min.js. The Google Bigquery provider

You can find more info about visualizations here. If you are planning to use ChartFactor to connect to one or more data sources, then you’ll also need the respective data provider libraries. You can learn more about providers here.

Make sure your HTML page includes a <meta> tag with the appropriate character set (e.g. UTF-8). Add a <script> tag to your HTML page to reference the ChartFactor toolkit and the provider(s) if required.

Example:

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title>Simple Chart Demo</title>
</head>
<body>
 <div id="chart"></div>
 </div>
 <script src="../../lib/cftoolkit.min.js"></script>
 <script src="../../lib/cft-standard-charts.min.js"></script>
 <script src="../../lib/cft-elasticsearch-provider.min.js"></script>
 <script src="./index.js"></script>
</body>
</html>

Note that after adding the references to the ChartFactor toolkit libraries we included an index.js file. This is where your code would go. We'll cover that in the Quick Start section.

That’s it, you are ready to start creating dynamic data applications using ChartFactor.