Point visualization in coordinate system

Question

Can someone show me a code that could show given points in a coordinate system?
I am not into HTML and would appreciate if someone could help me :)
points = [[x,y],[x,y],[x,y]...]

Answer 1

Best way is probably to use <canvas> element wich handle bitmaps area with powerful API in Javascript to interract with...
However, you can also deal that with <svg> element, wich could be less or more obvious depending of your actual skill for each one and for Html/JS more generally, or even doing it with simple Html elements (but this could be a few tricky even if more simpliest if you never use <canvas> nor <svg> specific elements)...

https://code.sololearn.com/W0lhz5e1ltaU/#js

This is a simple last option implementation base, which can be improved by many ways:
- verifying validity of user input before trying to display output
- give user options for dot size, color...
- give user possibility of set scale of output (Actually one unit is done as one pixel, whatever the viewport size... could be absolute with other units and/or relattive to viewport size. Could be implemented also auto-scaling depending on max space taken by all points)
- give user possibility to move origin of coordinate system, as well as direction of axis
- and so on ^^

Answer 2

Thanks a lot visph! :)