One of the cool things about Front End Development is that you get to choose from a multitude of libraries and play mad scientist, come along and see if we can mix some libraries right here in codepen.
The plan is to use 3 libraries and a plugin:
The first thing I would like to do, is try a minimal example without Angular Material and then move up from there,styling will be next.
And there you have it, not much to it, just add the libraries and define your directives (data, options etc).
The next thing I would like to investigate, is how to modify the chart via Angular’s two way data binding.
So far so good, let’s now try adding a basic Angular Material container before going further…
Surprisingly, most of the hard work was figuring out the right Material design components to use, the data binding was basically dealt with ng-repeat and ng-model. So now that we have a good understanding of how the libraries work together, let’s trow the Material Kitchen sink at it…
And there you have it, a responsive web App made with Angular, Angular Material and Chart.js, the only thing missing would be a backend to store information,manage users and add stuff, you will definitely need stuff :).