https://github.com/kimfucious/angular-d3

A demo of using Angular with D3
https://github.com/kimfucious/angular-d3

angular d3 ng-bootstrap

Last synced: 4 months ago
JSON representation

A demo of using Angular with D3

• Host: GitHub
• URL: https://github.com/kimfucious/angular-d3
• Owner: kimfucious
• Created: 2019-08-16T09:11:07.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T08:46:33.000Z (almost 3 years ago)
• Last Synced: 2025-02-08T12:46:48.077Z (11 months ago)
• Topics: angular, d3, ng-bootstrap
• Language: TypeScript
• Size: 2.81 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 27
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular-D3 ![Travis Badge](https://travis-ci.org/kimfucious/angular-d3.svg?branch=master)

## About this project

This project was generated with [Angular CLI](https://github.com/angular/angular-cli).

It is a demonstration of using:

- [Angular](https://angularjs.org)

- [D3](https://d3js.org)

- [AngularFire](https://github.com/angular/angularfire2)

  - [Firestore](https://firebase.google.com/products/firestore/)

  - [Firebase authentication](https://firebase.google.com/products/auth/)

- [ng-bootstrap](https://ng-bootstrap.github.io)

- [Travis CI](https://travis-ci.org/)

## Things I haven't figured out yet

- How can you dynamically add/update paths, using a D3 `attr` method that allows a `ng-bootstrap` tool tip or popover to display?

  - I kind of gave up on this and went with [d3-tip](https://www.npmjs.com/package/d3-tip) instead.

- How to position D3 elements using Flexbox.

- How to make D3 graphs responsive

## Other Things Observed

- [Angular Material](https://www.npmjs.com/package/@angular/cdk) breakpoints don't align with Bootstrap's.