https://github.com/eikospartners/ngcatalyst

Repo for visuzalizations for Angular
https://github.com/eikospartners/ngcatalyst

angular d3 data-visualization

Last synced: about 2 months ago
JSON representation

Repo for visuzalizations for Angular

• Host: GitHub
• URL: https://github.com/eikospartners/ngcatalyst
• Owner: EikosPartners
• License: mit
• Created: 2019-06-12T12:40:11.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-10-30T10:40:45.000Z (over 2 years ago)
• Last Synced: 2025-08-14T22:37:24.657Z (10 months ago)
• Topics: angular, d3, data-visualization
• Language: TypeScript
• Size: 1.71 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 30
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# NgCatalyst [![npm version](https://badge.fury.io/js/ngcatalyst.svg)](https://badge.fury.io/js/ngcatalyst)

>An Angular component library of data visualizations 

## Angular Compatibility 

|ngCatalyst|Angular|

|-|-|

|0.2.5|7.x|

|1.x.x|8.x|

If using with Angular 7 run command `npm install ngcatalyst@0.2.5 --save`

## How to Use

#### Install the package

`npm install ngcatalyst --save`

#### Import Module into your App

Add `NgCatalystModule` to `imports` in `src/app/app.module.ts`:

```typescript

import { BrowserModule } from "@angular/platform-browser";

import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";

import { NgcatalystModule } from "ngcatalyst";

@NgModule({

  declarations: [AppComponent],

  imports: [

    BrowserModule,

    NgcatalystModule

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule {}

``` 

#### Include Styles 

In your `angular.json`

```json

// In angular.json under architect > build > options > styles

// add "node_modules/ngcatalyst/lib/styles.css"

{

    "projects": {

        "your-project": {

            "architect": {

                "build": {

                    "options": {

                        "styles": [

                            "src/styles.css", 

                            "node_modules/ngcatalyst/lib/styles.css"

                        ]

                    }

                }

            }

        }

    }

}

```

#### Use in your App

In your `app.component.html`

```html

```

#### Local Development

In terminal, use ```npm run dev``` to watch for file edits, and automatically re-package the project for local development and change detection.

## Check out the examples repo

A repo containing an example app with all of the visualizations availble can be found [here](https://github.com/EikosPartners/ngcatalyst-examples). Please clone that repo, `npm install` and run `ng serve`.