austanbrown / graphplotter Goto Github PK

A simple app used to sketch mathematical graphs and functions.

GraphPlotter started as a simple project to test my skills in d3.js and React after having completed the freecodecamp data visualization course. The motivation for this project is to help teachers visualize mathematical functions, their behaviours, properties and interactions with other functions. This is the first in a suite of apps and technologies aimed at improving visual thinking among learners with the hope that visualizing complex concepts may clear the thinking process when attempting assessments.

(back to top)

The following technologies are used in this project:

• [![React][React.js]][https://react.dev]
• [![Vite][Vite.js]][https://vitejs.dev]
• [![TailwindCSS][Tailwind CSS]][https://tailwindcss.com]
• [![MathJS][Math.JS]][https://mathjs.org]

(back to top)

This project was tested and developed using Node.js version 19.9.0 and npm version 9.6.3 . It should work perfectly well on the latest releases of Node and npm.

Clone the repo

git clone https://github.com/AustanBrown/GraphPlotter.git

Install NPM packages

npm install

Run the development version of the project:

npm run dev

To build a production version of the project:

npm run build

(back to top)

After running npm run dev, open your browser on localhost:5173

(back to top)

• Add Changelog
• Fix issue when zooming and panning the axes
• Integrate different types of axes (e.g imaginary, polar, trigonometric, etc)
• Add desktop support with Electron.js
• Add support for calculus-type operations (e.g. derivatives, integrals, etc)

(back to top)

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Your Name - @Jeremy Brown

Project Link: https://github.com/AustanBrown/GraphPlotter

(back to top)