HTML5 / JavaScript Practice
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
index.html
main.js

README.md

canvas-grapher

HTML5 / JavaScript Practice

An early project created to practice JavaScript and HTML. Uses HTML5 canvas to draw a parametric colored graph.

A collection of parametric graphs are stored and used to draw line segmens on the canvas. The lines are drawn by calculating (x1, y1) from the parametric equation, incrementing T, then calculating (x2, y2) and drawing a line between them. The script could be easily modified to handle any type of non-parametric curve. Below is an example of the butterfly curve graph and its equation.

equation-x

equation-y

Controls

Click: Change graph

Double click: Enter full screen

Live Demo

screenshot