Learning: Angular Material + ChartJS Quickstart

Check out some of my Angular Material charting examples that I created using Chart.js.

I have been learning Angular Material. I also wanted to play with some charts, so I’m using ng2-charts which is back-ended by chart.js. Since I have been designing more at work I can feel some of my programming experience getting rusty. Also, since I sometimes design using Angular Material components, I find it handy to understand how they all work together.

My primary goals for this experiment were to put together an Angular Material webpage that displayed some data on a few charts. Both charts use a service to supply the data, which right now is faked out in the service. The first is a simple static calculation of compound interest. The second is a randomly updating series which changes every five seconds.

See the examples live. *Note, these may not stay, because I will surely overwrite them at some point.

Once I got these examples running locally I decided I would like to share them. I found a straightforward article about publishing to Google’s Firebase. Within fifteen minutes my examples were published. The other day, I did three releases.


By joshuarlowry

Designer, Data Vis Expert, Tinkerer

The opinions expressed are my own and not that of my company.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s