Coordinate system in JavaScript

How I can create a rectangular coordinate system like this on JavaScript?(https://i.sstatic.net/65KljdyB.png)
I tried to use charts, but it can create only this:
(https://i.sstatic.net/JfzdT082.png)
I need some coordinate system with zero at the middle and axes with normal numeration (-0.3 -0.2, -0.1 0 0.1 0.2 0.3) like this. I think Plotly can help me, but I really don`t understand how to use it. Also, I write my project on Vue.js, but I can write all at python with FLask, if it will be easier to do this on Python. If there some answer on Python, I will use it.

I have coordinates(https://i.sstatic.net/ymabMe0w.png) and need to draw a graph (https://i.sstatic.net/M6jJoNIp.png)
Main problem of Charts is only one labels. I can draw only y axis like normal, but x axiss numbers are my coordinates.(https://i.sstatic.net/9MxOIJKN.png) Thats why I can`t draw a circle, only some line.