{"id":13697048,"url":"https://github.com/datencia/d3js-angular-examples","last_synced_at":"2025-04-09T08:11:06.091Z","repository":{"id":11683980,"uuid":"70255085","full_name":"datencia/d3js-angular-examples","owner":"datencia","description":"This project shows how to integrate D3.js with Angular 2.","archived":false,"fork":false,"pushed_at":"2023-03-02T00:48:09.000Z","size":2093,"stargazers_count":201,"open_issues_count":14,"forks_count":115,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-02T05:09:23.730Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":false,"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/datencia.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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}},"created_at":"2016-10-07T14:38:45.000Z","updated_at":"2025-03-05T20:40:36.000Z","dependencies_parsed_at":"2024-02-03T11:48:02.017Z","dependency_job_id":null,"html_url":"https://github.com/datencia/d3js-angular-examples","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datencia%2Fd3js-angular-examples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datencia%2Fd3js-angular-examples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datencia%2Fd3js-angular-examples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/datencia%2Fd3js-angular-examples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/datencia","download_url":"https://codeload.github.com/datencia/d3js-angular-examples/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247999861,"owners_count":21031046,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":"2024-08-02T18:00:52.057Z","updated_at":"2025-04-09T08:11:06.068Z","avatar_url":"https://github.com/datencia.png","language":"TypeScript","readme":"# D3.js with Angular Examples\n\nThis project shows how to integrate D3.js with Angular.\n\n\u003e It was generated with [Angular CLI](https://github.com/angular/angular-cli) version 6.0.8.\n\nWe'll implement a few D3.js examples described in [bl.ocks.org](http://bl.ocks.org/)\nin Angular.\n\n![Examples](./resources/screenshot.png \"Examples\")\n\n## Examples Summary\n\n- [Line Chart 4.0](http://bl.ocks.org/mbostock/02d893e3486c70c4475f)\n- [Multi-Series Line Chart](http://bl.ocks.org/mbostock/3884955)\n- [Bar Chart](http://bl.ocks.org/mbostock/3885304)\n- [Stacked Bar Chart](https://bl.ocks.org/mbostock/3886208)\n- [Brush \u0026 Zoom](https://bl.ocks.org/mbostock/34f08d5e11952a80609169b7917d4172)\n- [Pie Chart](http://bl.ocks.org/mbostock/3887235)\n- [Donut Chart](https://bl.ocks.org/mbostock/3887193)\n\n## Prerequisites\n\nTo follow these examples you need to install [Node.js and npm](https://nodejs.org/en/) if they are not already installed on your computer.\n\n\u003e Verify that you are running at least node v6.x.x and npm 3.x.x by running node -v and npm -v in a terminal / console window. Older versions may produce errors.\n\n## Steps\n\n- Clone this repo into a new project folder.\n\n ```bash\n $ git clone https://github.com/datencia/d3js-angular-examples.git\n $ cd d3js-angular-examples\n ```\n\n- Install the npm packages described in the `package.json`:\n\n ```bash\n $ npm install\n ```\n \n- Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.\n","funding_links":[],"categories":["UI","Components"],"sub_categories":["Charts/Diagram"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatencia%2Fd3js-angular-examples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdatencia%2Fd3js-angular-examples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdatencia%2Fd3js-angular-examples/lists"}