chrt-line: Line and Area Chart Module

The chrt-line module in the Chrt library facilitates the creation of Line charts and Area charts. Line charts visually represent data trends over intervals, connecting data points through line segments. Area charts, on the other hand, paint the area between the axis and line with customizable colors, textures, or hatchings, aiding in the comparison of two or more quantities.

Key Features:

• Line Charts: Utilize the module to create Line charts, suitable for displaying trends in data over time.

• Area Charts: Leverage the functionality for Area charts, enhancing the comparison of quantities by filling the area between the axis and line with visual elements.

Observable Examples and Documentation:

Chrt Line Charts - Observable

How to build

Install the dependencies

npm install

Build the package

npm build

Developing

If you want to develop and see the changes reloaded live into another app you can use the watch script

npm run watch

Use it as a module

Method 1 - tgz package

Use the tgz provided in the repository

You can use the chrt-line-VERSION.tgz package. The following commands will expand the chrt module in the node_modules folder of your project. Ready to be used with the usual import command:

cp chrt-line-VERSION.tgz SOMEWHERE
cd myproject
npm install SOMEWHERE/chrt-line-VERSION.tgz

Create a tgz npm package

You can create a package for testing with

npm pack

This command will create a file called chrt-line-VERSION.tgz in the root folder of chrt.

Method 2 - symlinked package

Create a global node module

npm link

This creates chrt-line module inside your global node_modules so that you can import it with import {chrtLine} from 'chrt-line';

Use the module in a different app

npm link chrt

This will create a sym link to the module created in your global.

Use it in your code

After having installed or sym-linked the node you can use it as usual

import {chrtLine} from 'chrt-line';

Testing

Unit test with Jest

Run npm run test to run all the tests on the code with Jest.

npm run test

To run only one test:

npx jest test/scales/scaleLinear.test.js