Logo

Data Visualization

Charts

Theme-aware chart patterns for dashboards, reports, and operational interfaces. Charts are shipped separately from @frame-ui-ng/components so you only add visualization code when your app needs it.

Install

Add the charts package next to your existing Frame UI setup, then import the chart styles once in your global stylesheet.

BASH 

npm install @frame-ui-ng/charts

CSS 

@import '@frame-ui-ng/charts/styles.css';

TS 

import { FrChartModule } from '@frame-ui-ng/charts';

New project? Install @frame-ui-ng/foundation as well for the base tokens and theme styles.