Need help with front end

Question

I need help creating two charts.
https://gyazo.com/33d72f881073788e0a25bd125b24c0dc

My first thought was creating a circle with hidden overflow and filling it with big rectangles and then rotating them.
https://gyazo.com/015c2197d5bc9faf7a272a299629a543

I don't know

Answer 1

Look up chart.js for creating nice looking charts. This should be easy to integrate into any web application regardless of stack.