React SVG Chart Animation

In my last post I talked about animating SVG objects and how to combine that with React. As I talked about the catalyst for it was looking into how we could do charts. Well of course after my initial experiments I wanted to actually look at how to do a chart. Creating a basic chart For this I started with the great walk through on SVG Charts at CSS Tricks, and I’m going to use the Line Chart example for this (but with randomly generated data).