Skip to content

idris-rampurawala/ng-d3-sankey

Repository files navigation

User Flow with dropouts using D3 sankey in Angular 10

The MIT License

This project is a demonstration of creating user flow chart with dropouts using D3 sankey in Angular 10

Background

D3-sankey is an open-source charting library to visualize the directed flow between nodes in an acyclic network.

One key feature that I have implemented is ability to visalize user flows with dropout nodes (marked in red) integrated with Angular 10. Visit this link to see it in action!

Demo Image

You can find an in-depth article on this implementation here.

Installation

This project was generated with Angular CLI version 10.0.2.

  • Clone the repository git clone <repo-name>
  • Install dependencies via npm i
  • Run the code via angular cli ng serve. Navigate to http://localhost:4200/ to see it in action

Don't forget to Star ★ the repo, as this helps promoting the project!

License

MIT