SVG Graph
SVG Graph is a script library that creates mathematical graphs with Cartesian, logarithmic, or polar coordinates. Shapes and text labels may be added using the actual graph coordinates, centered on the origin. One may pan and zoom the graph, and use the resulting coordinates to fine-tune the graph itself. Graphs may be saved as inline or external .svg files, or .png images.
Area under a parabola
\( % MathJax is loading . . . . y = x^2 / 3 \)
| Interactive mouse and keyboard events | |
| drag: | |
| left | pan |
| left + H | pan horizontally |
| left + V | pan vertically |
| right | zoom |
| right + C | zoom from center |
| right + L | zoom from lower left |
| left + R | resize canvas |
| right + R | resize contents |
| both + R | resize everything |
| left click while holding: | |
| C | center origin |
| L | origin to lower left |
| H | save HTML to the textarea |
| P | save parameters to the textarea |
| T | save tooltip to the textarea |
| D | redraw graph with parameters from the textarea (id’s must match) |
| S | save graph as png |
| double click: reset | |
| press [ to enable the tooltip, ] to hide (x or r, y or theta | xMin, xMax, yMin, yMax | ww × hh) | |
Please visit russellcottrell.com | blog