Nice tutorial... SVG in React has been incredibly useful. I would make a minor suggestion, and that would be to just embed the styles into the component render directly, instead of CSS for this type of component, if making it for a reusable case.
This is also a really good approach for something like simple pie charts, etc... most of the frameworks that provide charts/graphs are very big, when all you might need is a little SVG. I've also used SVG for scalable content display and overlays... Inside the SVG, you can use the actual image (say from a scan) dimensions, where outside, you use the containing sizes.
React + SVG = <3