https://github.com/csprance/graphtoy-plus
A fork of iq's graphtoy with dynamic variables and some other planned additions.
https://github.com/csprance/graphtoy-plus
graphics graphing graphtoy nextjs react shaders
Last synced: about 1 year ago
JSON representation
A fork of iq's graphtoy with dynamic variables and some other planned additions.
- Host: GitHub
- URL: https://github.com/csprance/graphtoy-plus
- Owner: csprance
- Created: 2022-07-03T19:23:28.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-09-01T04:17:43.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T22:51:13.593Z (about 1 year ago)
- Topics: graphics, graphing, graphtoy, nextjs, react, shaders
- Language: TypeScript
- Homepage: https://graphtoy-plus.csprance.com
- Size: 831 KB
- Stars: 25
- Watchers: 1
- Forks: 6
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GraphToy-Plus
> A fork of iq's GraphToy with dynamic variables and other helpful additions for graphics programming
## Extras
* Dynamic Variables
* Extra Sharing Features
* Adds more features to the sharing aspect to help educate
* Mask Visualizer
* Visualize a value as a mask instead of a graph
* Written in Typescript (Much easier to extend now thanks to strong types)
* Uses NextJs/React (Could be a good or bad thing)
* Runs in Docker with Traefik for easy deployment
## Development
### NextJS
This app uses NextJS
### Available Scripts
In the project directory, you can run:
### `yarn dev`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
The page will reload if you make edits.\
You will also see any lint errors in the console.
### `yarn lint`
Lint the project
### `yarn build`
Builds the app for production to the `.next` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!
### `yarn start`
Starts the project in production mode
### `yarn build-start`
Builds and starts the project in production mode
### `yarn prettier`
Runs prettier on the project
### `yarn prisma:generate`
Generate the prisma schema and writes the data to node_modules
### `yarn prism-pull-db`
Pulls the database and generates the .schema