Skip to main content

​
Installation

Kinetix Charts can be installed using any modern JavaScript package manager. Choose your preferred tool below.

​
Install the package

npm install kinetix-charts

​
Requirements

Kinetix Charts has minimal requirements:
  • Node.js: Version 14 or higher (for build tools)
  • Browser support: Any modern browser with HTML5 Canvas support
  • TypeScript: Version 5.2 or higher (optional, but recommended)
Kinetix Charts has zero runtime dependencies. The package is completely self-contained, which means:
  • Smaller bundle sizes for your application
  • No dependency conflicts
  • Faster installation
  • Reduced security surface area

​
Verify installation

After installation, verify that Kinetix Charts is correctly installed by importing it in your project: 
import { Chart } from 'kinetix-charts';

console.log('Kinetix Charts imported successfully!');
If the import succeeds without errors, you’re ready to start building charts.

​
TypeScript support

Kinetix Charts is written in TypeScript and includes full type definitions out of the box. No additional @types packages are needed. 
import { Chart, LineSeries, ChartConfig } from 'kinetix-charts';

// Full TypeScript intellisense and type checking
const config: ChartConfig = {
  theme: 'dark',
  series: [{
    type: 'line',
    name: 'Revenue',
    data: [{ x: 0, y: 10 }]
  }]
};

​
Module formats

Kinetix Charts is distributed in multiple module formats to support different build tools and environments:
  • ESM (ES Modules): kinetix-charts.js - For modern bundlers like Vite, Webpack 5+, and Rollup
  • UMD (Universal Module Definition): kinetix-charts.umd.cjs - For legacy bundlers and direct browser usage
Your bundler will automatically select the appropriate format based on your project configuration.

​
Next steps

Quickstart

Create your first chart in under 5 minutes

Chart types

Explore all available chart types

Build docs developers (and LLMs) love

Get started for freeTalk to us