Profile
Back to NewsBack
GitHub Trending 4 min
Reader Mode
jsxgraph/jsxgraph: JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.

jsxgraph/jsxgraph: JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.

11 hours ago

JSXGraph ========

License: MIT License: LGPL GitHub Release GitHub Release Date

JavaScript library for interactive math visualizations in the web browser.

About -----

JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser. It is implemented completely in JavaScript, does not rely on any other library, and uses SVG, canvas, or even the venerable VML. JSXGraph is easy to embed and has a small footprint. No plug-ins are required! Special care has been taken to optimize the performance.

JSXGraph supports multi-touch events and runs on all major browsers.

JSXGraph is developed at the Lehrstuhl für Mathematik und ihre Didaktik and the Center of Mobile Learning with Digital Technology, University of Bayreuth, 95447 Bayreuth, Germany

Links -------

  • Project web site: https://jsxgraph.org/
  • Hundreds of examples:
- https://jsxgraph.org/share/ - https://jsxgraph.org/wiki/
  • GitHub project site: https://github.com/jsxgraph/jsxgraph
  • Discuss: https://forum.jsxgraph.org
  • Stackoverflow: https://stackoverflow.com/search?tab=newest&q=jsxgraph
  • jsFiddle template: https://jsfiddle.net/8kep9syd/
  • YouTube channel: https://www.youtube.com/@jsxgraph4224
  • Moodle filter: and
  • (outdated: SourceForge project site: https://sf.net/projects/jsxgraph)
  • (outdated: Google Group https://groups.google.com/group/jsxgraph)
  • CDNs: Embed JSXGraph via
<script charset="UTF-8"
 src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js"></script>
<link rel="stylesheet"
 type="text/css" href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css">

or

<script charset="UTF-8"
 src="//cdnjs.cloudflare.com/ajax/libs/jsxgraph/[versionnumber]/jsxgraphcore.js"></script>
<link rel="stylesheet"
 type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jsxgraph/[versionnumber]/jsxgraph.css">

Please report bugs to our issue tracking system found at https://github.com/jsxgraph/jsxgraph/issues

Usage -----

Include

  • jsxgraphcore.js and
  • jsxgraph.css and,
  • if required, one or more file readers
from a CDN or a local version in your HTML file.

__HTML template:__

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>JSXGraph template</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link href="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraph.css" rel="stylesheet" type="text/css">
    <script src="https://cdn.jsdelivr.net/npm/jsxgraph/distrib/jsxgraphcore.js" charset="UTF-8"></script>
  </head>

<body> <div id="jxgbox" class="jxgbox" style="max-width:800px; aspect-ratio: 1/1;"></div> <script> var board = JXG.JSXGraph.initBoard('jxgbox', {boundingbox: [-8, 8, 8, -8]}); var p = board.create('point', [1, 3], {name: 'point'}); </script>

</body> </html>

For developing content, it is recommended to include jsxgraphsrc.js (jsxgraphcore.js is the minified version of jsxgraphsrc.js). For further usage instructions please consult our wiki especially our tutorials or the API reference docs.

Build and develop JSXGraph --------------

1) Clone this repository or download the zip file. 2) To build and develop JSXGraph you need node.js v0.6+. First, install all dependencies required to build JSXGraph using npm in the JSXGraph root directory: $ npm install. This will create a new subdirectory ``node_modules` in the JSXGraph root directory which holds all tools and libraries required to build `jsxgraphcore.js`. 3) To build JSXGraph run $ npm run buildCore. This will output an non-minified version jsxgraphsrc.js and the minified version jsxgraphcore.js into the folder distrib. 4) Develop JSXGraph: - Edit the source files in the folder src - Write unit tests in folder test - Run $ npm run eslint and $ npm run test to check for errors - Run $ npm run check-format to check the formatting of the source code - Submit a pull request

Plug-ins --------

License -------

JSXGraph is free software dual licensed under the GNU LGPL or MIT License.

You can redistribute it and/or modify it under the terms of the

  • GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or (at your option) any later version or
  • MIT License: https://github.com/jsxgraph/jsxgraph/blob/master/LICENSE.MIT
JSXGraph is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.

You should have received a copy of the GNU Lesser General Public License and the MIT License along with JSXGraph. If not, see and .

ITEMS</a> Cofunded by the Erasmus+ programme of the European union</a>

Chat with me