Recently I was working on a project to improve our web app’s billing reports with pie charts that visualize customer usage. I wanted an implementation for the job with minimal foreseeable maintenance that kept our third-party dependencies low.
I thought a quick search on Stack Overflow would yield a copy/paste-able solution, but discovered there isn’t an agreed-upon approach.
Of the various approaches I saw, there are these three that caught my attention, and they all happen to use just HTML and CSS. Each approach has its own merits, and you’ll need to find the right approach for your use case.
Here’s a quick summary of what the implementation of the three approaches looks like:
Each approach has its pros and cons, and offers different types of versatility:
We can implement this as a React component to make it easier for other contributors to reuse:
Here's the exact hiring process we use to evaluate candidates for the engineering team here at Rainforest QA.