Skip to content

uPaymeiFixit/canvas-grapher

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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

Releases

No releases published

Packages

No packages published