Skip to content

Installation

To install ChartFactor follow the steps below:

Download the latest version of the ChartFactor library using this link. 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-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 the visualizations libraries 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: ../data_providers/intro_to_data_providers/ r

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<!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>

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