A simple app used to sketch mathematical graphs and functions.
Table of Contents
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.
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]
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
After running npm run dev
, open your browser on localhost:5173
- 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)
Distributed under the MIT License. See LICENSE.txt
for more information.
Your Name - @Jeremy Brown
Project Link: https://github.com/AustanBrown/GraphPlotter