{"_id":"@d-m-p/ngx-d3","_rev":"10-0a755d34a8aa92298252de67c0fc872b","name":"@d-m-p/ngx-d3","dist-tags":{"latest":"19.0.0"},"versions":{"16.0.1":{"name":"@d-m-p/ngx-d3","version":"16.0.1","keywords":["ngx-d3","angular-d3","ng-d3","katze","d3","ng","ngx","angular","d3-array","d3-axis","d3-brush","d3-chord","d3-collection","d3-color","d3-contour","d3-dispatch","d3-drag","d3-dsv","d3-ease","d3-force","d3-format","d3-geo","d3-hierarchy","d3-interpolate","d3-path","d3-polygon","d3-quadtree","d3-random","d3-scale","d3-scale-chromatic","d3-selection","d3-shape","d3-time","d3-time-format","d3-timer","d3-transition","d3-voronoi","d3-zoom"],"author":{"url":"https://github.com/ZeevKatz","name":"Zeev Katz"},"license":"MIT","_id":"@d-m-p/ngx-d3@16.0.1","maintainers":[{"name":"ygottschalk","email":"ygottschalk@digital-media-park.de"}],"contributors":[{"url":"https://gitlab.com/dmp-repo/js-pkg/","name":"DMP-Team","email":"repo-npm@digital-media-park.de"}],"homepage":"https://gitlab.com/dmp-repo/js-pkg/ngx-d3#readme","bugs":{"url":"https://gitlab.com/dmp-repo/js-pkg/ngx-d3/-/issues"},"dist":{"shasum":"edac0eb0f9806367b91731547d9db02642400150","tarball":"https://registry.npmjs.org/@d-m-p/ngx-d3/-/ngx-d3-16.0.1.tgz","fileCount":18,"integrity":"sha512-iihnvLrgsk2v9tURAFCLmYeSjdUpHZDhSxQkZlOuJnlKh12QUdb5Kh7ii1lZ9wkm2pJR9le/uzhBZLRwHvRtoA==","signatures":[{"sig":"MEUCIQDAKmUpL/Fj2G8Pg1h9voHNrMOr4CvPw7si9fAUq0ponQIgVW7IQwL23cc+CZ9zIuKZOhMD0JISt6SsT/mXg+6GPHg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":11982},"gitHead":"9cdc1b841b99792d017c5a37e1c2b9a6166c1c24","_npmUser":{"name":"ygottschalk","email":"ygottschalk@digital-media-park.de"},"repository":{"url":"git+https://gitlab.com/dmp-repo/js-pkg/ngx-d3.git","type":"git"},"_npmVersion":"9.8.0","description":"A D3 service for Angular applications","directories":{},"_nodeVersion":"20.5.0","dependencies":{"d3":"^7.8.5","tslib":"^2.0.0","@types/d3":"^7.4.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^16.0.0","@angular/common":"^16.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-d3_16.0.1_1691659402694_0.9019658127924108","host":"s3://npm-registry-packages"}},"0.0.0":{"name":"@d-m-p/ngx-d3","version":"0.0.0","license":"MIT","_id":"@d-m-p/ngx-d3@0.0.0","maintainers":[{"name":"ygottschalk","email":"ygottschalk@digital-media-park.de"}],"dist":{"shasum":"0d146a839f1104dd7020cbb602e8834b86d2f97d","tarball":"https://registry.npmjs.org/@d-m-p/ngx-d3/-/ngx-d3-0.0.0.tgz","fileCount":40,"integrity":"sha512-WJpAvW5aj+mz2BghIevp54y8PBQZmQw0U2tbavwIJl7dJUc83u4kphAq30ywNWZw48yfxYaeS2v9FhursnoQYA==","signatures":[{"sig":"MEQCIG1n1HgaRyfTFatqPucjlMDd037UhIWpIiOHhZMEhhlJAiA5RxG3ukhdPwlHHerj0Ivtq9YvBNPwedMobqnfMFIvuA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":155107},"gitHead":"9cdc1b841b99792d017c5a37e1c2b9a6166c1c24","scripts":{"ng":"ng","e2e":"ng e2e","help":"nx help","lint":"nx lint && ng lint","test":"ng test","build":"ng build","start":"ng serve","format":"nx format:write","update":"ng update @nrwl/schematics","affected":"nx affected","prebuild":"cd libs/ngx-d3; npm install","dep-graph":"nx dep-graph","affected:e2e":"nx affected:e2e","format:check":"nx format:check","format:write":"nx format:write","update:check":"ng update","affected:apps":"nx affected:apps","affected:libs":"nx affected:libs","affected:lint":"nx affected:lint","affected:test":"nx affected:test","affected:build":"nx affected:build","affected:dep-graph":"nx affected:dep-graph","workspace-schematic":"nx workspace-schematic"},"_npmUser":{"name":"ygottschalk","email":"ygottschalk@digital-media-park.de"},"_npmVersion":"9.8.0","description":"

\n \n

\n

\n \n \n \n \n \n \n \n \n \n

\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\n---\n### Installation\n\n```\nyarn add @katze/ngx-d3\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 '@katze/ngx-d3';\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","readmeFilename":"README.md"}