Skip to main content

Packages

DXcharts includes several packages designed for different use cases and technology stacks.


DXcharts Lite

dxcharts-lite is a free, open-source HTML5 charting library built on Canvas.

It provides the core functionality:

  • Basic chart types
  • Chart navigation
  • Technical analysis tools

View on GitHub

DXcharts Library

React-based packages that extend dxcharts-lite with UI components and advanced features.

DXcharts React

dxchart5-react is a React UI wrapper for dXcharts-lite, offering:

  • React components for rendering and controlling charts
  • Integration patterns for React applications

DXcharts modules

dxchart5-modules is a UI extension layer for React. It adds:

  • Extra chart types
  • Additional drawing tools
  • Technical studies

Included as a subfolder in the DXcharts React package.

DXstudies

dxstudies is part of the core charting package. It includes a set of built-in study and indicator calculators, used independently or alongside other DXcharts packages.


DXcharts Widget

A lightweight version of DXcharts React, embeddable via <script> or <iframe>. Ideal for fast integration without a full React environment.


Key dependencies

DXcharts React requires these npm packages:

  • @dx-private/dxchart5-react
  • @dx-private/dxchart5-modules
  • @dx-private/dxstudies

Peer dependencies (install in your project):

  • react, react-dom (React 18.2.0 or higher)

UI styling:

  • styled-components — used by DXcharts React for component styling

Optional integrations (install when needed):

  • @dx-private/dxchart-dx-script-platform-provider — for DXscript custom indicators
  • @dx-private/dxchart-dx-feed-data-provider — for dxFeed data integration

See Getting started with DXcharts React for installation commands.