Skip to content

README.md

Latest commit

 

History

History
33 lines (29 loc) · 1.19 KB

README.md

File metadata and controls

33 lines (29 loc) · 1.19 KB

Math Applets

Visualization of some example in math (calculus one)

Code

The main code of each applets is in components/applets, using JSXGraph. I used React and created a reusable component JSXGraphBoard: All the example are like

<JSXGraphBoard
            config={{ boundingbox: [-5, 5, 5, -5], axis: true }}
            setup={(board: JXG.Board) => {
                //main code
                ...

To reprduce it in simple javascript on can just copy the main code inside set up and initialize the board as follow:

JSXGraph.initBoard("html id", {
            boundingbox: [-5, 5, 5, -5],
            axis: true,
            ...config,
});
        //main code

Install and Run the project

Command Action
npm install Installs dependencies
npm run dev Starts local dev server at localhost:4321
npm run build Build your production site to ./dist/
npm run preview Preview your build locally, before deploying