This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
This is a Cognitive Tutor Authoring Tools tutorable component for working with two dimensional charts.
This is an extension of the CTAT library and is not intended to be run independently. It requires the following peer libraries:
Load the CTATChart.js file in the html header of a CTAT html tutor after
ctat.min.js but before ctatloader.js. For example:
<html>
<head>
...
<link rel="stylesheet" href="https://cdn.ctat.cs.cmu.edu/releases/current/CTAT.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.ctat.cs.cmu.edu/releases/current/ctat.min.js"></script>
<script src="https://cdn.ctat.cs.cmu.edu/releases/current/CTATChart.js"></script>
<script src="https://cdn.ctat.cs.cmu.edu/releases/current/ctatloader.js"></script>
...
</head>
...
</html>To install this library using npm, using your Github username and personal access token:
npm install git+https://username:accesstoken@github.com/CMUCTAT/ctatchart
As this component uses ES6 modules, using a transplier might be required if
compiling from source.
Add the following to the custom javascript file:
export { default as CTATChart } from 'ctatchart';
As CTATChart registers itself with CTAT, exporting is not strictly necessary,
but when used with building tools that perform tree shaking, exporting it will make
sure that it is included.
Development is supported by Carnegie Mellon University's Simon Initiative and CTAT.