Nova Charts is a library created to provide potential consumers with solutions for various data visualizations that conform with the Nova Design Language. It's designed to solve common patterns identified by UX designers, but also be very flexible so that pieces of visualizations can be overridden or entirely new visualizations can be customized quickly. As with anything, the more customizations you wish to have, the more work and maintenance you will absorb within your own app's code.

Getting Started

Getting started with charts is quite simple:

Include charts in your package.json file

"devDependencies": {
    ...
    "@nova-ui/charts": >>last release version<<,
    ...
}

Add a reference to charts styles in your angular.json file. Without this step, the charts will render, but will look and act in unpredictable ways.

"projects": {
    "your-project": {
        ...
        "architect": {
            ...
            "styles": [
                "src/styles.less",
                "./node_modules/@nova-ui/bits/bundles/css/styles.css",
                "./node_modules/@nova-ui/charts/bundles/css/styles.css"
             ],

Import NuiChartsModule

import { NuiChartsModule } from "@nova-ui/charts";

@NgModule({
    declarations: [ ... ],
    imports: [ NuiChartsModule ],
    exports: [ ... ],
    providers: [ ... ]
})

Copy/Paste any of our examples (see TOC below) to create your own component, add it to your view and then play around with the options.

Keywords

FAQs

What is @nova-ui/charts?

Is @nova-ui/charts well maintained?

Package last updated on 01 Sep 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install