zs1l3nt / web-vue-graphx

Graph plotter and visualiser in Vue and Typescript. Just to get the rough idea of the shape of the graph

GraphX

GraphX is a primitive graph drawing website that can parse simple mathematical equations, then plot the graph for it.
This is an example of the website plotting the graph for y = 2sin(x) - 1

Motivation

I used to use the website Desmos to plot and visualise my graphs. I found it interesting how Desmos can understand my equation and plot a graph out of it, so I wanted to see if I could create my own super simplified version of desmos.

Features

• Parse Simple Mathematics
  • Addition -
  • Subtraction -
  • Multiplication *
  • Division /
  • Exponential ^
  • Sine sin()
  • Cosine cos()
  • Tangent tan()
• Solve the Equation
  • Calculates and returns at most 1000 solutions to the graph so that the values can be plotted
• Custom Ranges
  • Define a custom range for both the X axis and Y axis

Usage

With yarn

$ yarn
$ yarn dev

With npm

$ npm i
$ npm run dev

Testing

Mathematical parser is tested with Jest. To run the tests, run the command

With yarn

$ yarn test

With npm

$ npm run test

Built with

• TypeScript
  • 
  • 
  • 
  • 
• Jest
  • 
  • 
  • 
  • 
• Miscellaneous
  • 
  •