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.