@nova-ui/charts
TypeScript icon, indicating that this package has built-in type declarations

12.0.43 • Public • Published

Charts Overview

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:

  1. Include charts in your package.json file

    "devDependencies": {
        ...
        "@nova-ui/charts": >>last release version<<,
        ...
    }
    
  2. 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"
                 ],
    
  3. Import NuiChartsModule

    import { NuiChartsModule } from "@nova-ui/charts";
    
    @NgModule({
        declarations: [ ... ],
        imports: [ NuiChartsModule ],
        exports: [ ... ],
        providers: [ ... ]
    })
    
  4. 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.

TOC

Dependents (0)

Package Sidebar

Install

npm i @nova-ui/charts

Weekly Downloads

197

Version

12.0.43

License

Apache-2.0

Unpacked Size

5.84 MB

Total Files

528

Last publish

Collaborators

  • mzknksh
  • baggiosw
  • lukas.holcik
  • blake.simmon
  • madelyn.helton
  • swi_npm_public