https://github.com/oscarsaharoy/graph.js

puts a graph on a HTML canvas with a nice API
https://github.com/oscarsaharoy/graph.js

mathematics web

Last synced: 1 day ago
JSON representation

puts a graph on a HTML canvas with a nice API

• Host: GitHub
• URL: https://github.com/oscarsaharoy/graph.js
• Owner: OscarSaharoy
• Created: 2020-12-17T23:04:07.000Z (about 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-03T17:07:52.000Z (11 months ago)
• Last Synced: 2024-03-03T18:25:13.249Z (11 months ago)
• Topics: mathematics, web
• Language: JavaScript
• Homepage:
• Size: 10.4 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# graph.js

A little library I made to put graphs on web pages. It runs quickly for me (>1ms to draw a graph with a few thousand points on it) and is written pretty clearly so you can mess with the internal properties to adjust the behaviour. It comes with a Graph class, which controls a single canvas and turns it into a graph, and a simple vec2 class which is used for the points on the graph and for rendering calculations internally. You can drag the graph around with the mouse, zoom in and out with the scrollwheel, or zoom the x and y axes independantly using ctrl and shift. You can place and remove points on the graph by clicking and drag them around, or this functionality can be turned off. You can also easily supply custom point and curve drawing functions to customise the appearance.

To use graph.js you just need to include `graph.js` and `vec2.js` inside script tags in your html.

Something I made quite quickly using the graph ( r = cos(5θ - 4t)sin(3θ) ):

![](https://github.com/OscarSaharoy/graph.js/blob/master/demo.gif)