{"id":26417091,"url":"https://github.com/simonegosetto/ngx-d3","last_synced_at":"2026-03-15T22:37:42.500Z","repository":{"id":257810032,"uuid":"867857192","full_name":"simonegosetto/ngx-d3","owner":"simonegosetto","description":"ngx-d3 is a D3 wrapper service for Angular applications inspired by @tomwanzek/d3-ng2-service.","archived":false,"fork":false,"pushed_at":"2025-06-18T12:23:36.000Z","size":14,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-22T23:09:42.357Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/simonegosetto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-04T21:34:12.000Z","updated_at":"2025-07-24T14:37:45.000Z","dependencies_parsed_at":"2024-11-27T10:37:57.785Z","dependency_job_id":null,"html_url":"https://github.com/simonegosetto/ngx-d3","commit_stats":null,"previous_names":["simonegosetto/ngx-d3"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/simonegosetto/ngx-d3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonegosetto%2Fngx-d3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonegosetto%2Fngx-d3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonegosetto%2Fngx-d3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonegosetto%2Fngx-d3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/simonegosetto","download_url":"https://codeload.github.com/simonegosetto/ngx-d3/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/simonegosetto%2Fngx-d3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30553219,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-15T15:03:43.933Z","status":"ssl_error","status_checked_at":"2026-03-15T15:03:37.630Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-18T01:01:42.227Z","updated_at":"2026-03-15T22:37:42.451Z","avatar_url":"https://github.com/simonegosetto.png","language":"TypeScript","funding_links":[],"categories":["Framework Interoperability"],"sub_categories":["Wrappers"],"readme":"__Forked from https://gitlab.com/dmp-repo/js-pkg/ngx-d3__\n\n`ngx-d3` is a [D3](https://github.com/d3/d3) wrapper service for [Angular](https://angular.io/) applications inspired by [@tomwanzek/d3-ng2-service](https://github.com/tomwanzek/d3-ng2-service).\n\nSadly, tomwanzek is no longer maintaining the project. The last push for his library was in April 2018 and the latest supported version of angular is Angular 5. The torch of keeping the package up to speed in terms of angular compatibility was then passed onto ZeevKats's [@katze/ngx-d3](https://www.npmjs.com/package/@katze/ngx-d3) package, which kept the package updated up to angular 12, and finally to dmp's [@d-m-p/ngx-d3](https://www.npmjs.com/package/@d-m-p/ngx-d3) which kept it updated up to angular 16.\n\nThe package appears to be no longer maintained as it has now fallen behind a couple versions and I am taking over the mantle.\n\n---\n### Installation\n\n```\nyarn add ngx-d3-wrapper\n```\n---\n### Usage\n\n* `NgxD3Service`: The Angular D3 Service injectable,\n* `D3`: A TypeScript type alias for the `d3` variable which can be obtained from the `NgxD3Service`, and\n* 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`).\n\nTo obtain the `d3` object from an injected D3 service `ngxD3Service: NgxD3Service`, it offers a method `ngxD3Service.getD3()` with return type `D3`.\n\n---\n### How to use\n\n```ts\nimport { Component, OnInit } from '@angular/core';\nimport { NgxD3Service } from 'ngx-d3-wrapper';\n\n@Component({\n  selector: 'histogram-component',\n  templateUrl: 'histogram-component.component.html',\n  styleUrls: ['histogram-component.component.css']\n})\nexport class HistogramComponent implements OnInit {\n  private readonly d3 = this.ngxD3Service.getD3();\n\n  constructor(private readonly ngxD3Service: NgxD3Service) {}\n\n  ngOnInit() {\n    this.d3.select(...)\n    // ...\n  }\n}\n```\n\n\n### Publishing\n```shell\n\u003e rm -rf dist/ node_modules/ libs/ngx-d3/node_modules/\n\u003e npm run build -- -c production\n\u003e cd dist/libs/ngx-d3\n\u003e npm publish --access public\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonegosetto%2Fngx-d3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsimonegosetto%2Fngx-d3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsimonegosetto%2Fngx-d3/lists"}