dc
@rfprodz/d3-charts
npm i @rfprodz/d3-charts
dc

@rfprodz/d3-charts

Monorepo starter with workflow automation: Nx, Angular, Angular Elements, Electron, NodeJS, NestJS, Firebase.

by Vadim

0.0.40 (see all)License:MITTypeScript:Built-In
npm i @rfprodz/d3-charts
Readme

Angular D3 chart components

This library was generated with Nx.

Development commands reference

Run nx test client-d3-charts to execute the unit tests.

Run nx lint client-d3-charts to lint the library.

Run nx build client-d3-charts to build the library.

Usage

Within the development workspace

Import the charts module

import { AppClientD3ChartsModule } from '@app/client-d3-charts';

As an external package

Install the package

yarn add @rfprodz/d3-charts d3 @types/d3

Import the charts module

import { AppClientD3ChartsModule } from '@rfprodz/d3-charts';

Use chart components

in templates

<!-- bar chart -->
<app-bar-chart></app-bar-chart>
<!-- line chart -->
<app-line-chart></app-line-chart>
<!-- pie chart -->
<app-pie-chart></app-pie-chart>
<!-- radar chart -->
<app-radar-chart></app-radar-chart>
<!-- force-directed chart -->
<app-force-directed-chart></app-force-directed-chart>

in classes

import {
  AppPieChartComponent,
  AppRadarChartComponent,
  AppForceDirectedChartComponent,
  AppBarChartComponent,
  AppLineChartComponent,
} from '@rfprodz/d3-charts';

See the chart examples component

import { AppChartExamplesComponent } from '@rfprodz/d3-charts';

Downloads/wk

60

GitHub Stars

56

LAST COMMIT

3mos ago

MAINTAINERS

1

CONTRIBUTORS

4

OPEN ISSUES

1

OPEN PRs

1
VersionTagPublished
0.0.40
latest
2d ago
No alternatives found
No tutorials found
Add a tutorial