Pannable and zoomable graph paper-like canvas on which points, lines, and circles can be drawn.
(Note: this does not work very well on mobile.)
Example: https://benrosenberg.info/js-pannable-graph/canvas.html
- Python 3
pandas
- MS Excel or equivalent (for data input)
- Edit data in
data.xlsx
- Navigate to directory being used
- Run
python data_conversion.py
- Push updated files
- Edit data in
data.xlsx
- Navigate to directory being used
- Run
python data_conversion.py
- Run
python -m http.server [port]
where[port]
is an optional port to use (defaults to8000
) - Open
http://127.0.0.1:<port>
in browser (for default port,http://127.0.0.1:8000
) to get to directory listing - Click on
canvas.html
to open the graph (also possible to go directly tohttp://127.0.0.1:<port>/canvas.html
to save a step)
Adapted from https://codepen.io/chengarda/pen/wRxoyB.