How to make a cool graph in JS?

Question

JavaScript

Hi all!
You need to make a graph like in the image.

Each circle: x, r, color (y - calculated).
JavaScript
Have you ever met that allow you to build this?
If you build at the canvas level, what would you advise?
Thank you!

Answer 1

D3.js

Answer 2

It's easier with svg.