Chart library built on top of recharts for ui5-webcomponents-react.

@ui5/webcomponents-react-charts will be discontinued with v3 of @ui5/webcomponents-react. The package will not receive updates beyond v2 maintenance.

This package is not backed by SAP global design or accessibility specifications and does not meet the quality and governance standards of the UI5 Web Components ecosystem. Capturing every aspect of a chart for assistive technologies is inherently complex, and without clear specifications to implement against, comprehensive accessibility support cannot be ensured within current maintenance capacity.

New implementations should not depend on this package. Existing consumers should plan for migration before the v3 release.

If you have questions or concerns, please raise them in the deprecation announcement.

If you have access to SAP-internal systems, a drop-in replacement is available here.

npm install @ui5/webcomponents-react-charts

Charts only offer limited accessibility support with only basic built-in features, so it’s essential to ensure your implementation meets the accessibility standards of your application.

To use this library with React 19 you have to override your react-is version to match your React version!

• npm:

    "overrides": {
      "react-is": "19.1.0"
    },

• yarn

    "resolutions": {
      "react-is": "19.1.0"
    },

If you’ve enabled staticCSSInjected on the ThemeProvider component (learn more here), make sure to also import the charts stylesheet. Otherwise, charts won’t be rendered correctly.

import '@ui5/webcomponents-react-charts/styles.css';

You can find an interactive documentation in our Storybook.

Please check our Contribution Guidelines.

Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.