@katze/ngx-d3
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    ngx-d3 is a D3 wrapper service for Angular applications inspired by @tomwanzek/d3-ng2-service.


    Installation

    yarn add @katze/ngx-d3
    

    Usage

    • NgxD3Service: The Angular D3 Service injectable,
    • D3: A TypeScript type alias for the d3 variable which can be obtained from the NgxD3Service, and
    • the various TypeScript interfaces and type aliases which are related to the D3 modules constituting d3 as provided by this service (e.g. Selection, Transition, Axis).

    To obtain the d3 object from an injected D3 service ngxD3Service: NgxD3Service, it offers a method ngxD3Service.getD3() with return type D3.


    How to use

    import { Component, OnInit } from '@angular/core';
    import { NgxD3Service } from '@katze/ngx-d3';
    
    @Component({
      selector: 'histogram-component',
      templateUrl: 'histogram-component.component.html',
      styleUrls: ['histogram-component.component.css']
    })
    export class HistogramComponent implements OnInit {
      private readonly d3 = this.ngxD3Service.getD3();
    
      constructor(private readonly ngxD3Service: NgxD3Service) {}
    
      ngOnInit() {
        this.d3.select(...)
        // ...
      }
    }

    Install

    npm i @katze/ngx-d3

    DownloadsWeekly Downloads

    1,958

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    28.8 kB

    Total Files

    15

    Last publish

    Collaborators

    • katze