Memento JSXGraph
1. Introduction
JSX Graph est une bibliothèque Javascript pour :
- la géométrie dynamique,
- la génération de graphiques,
- la visualisation de données.
Voir le site officiel.
2. Installation
Même si on peut installer les fichiers sur son serveur, le plus simple est encore d’utiliser un CDN.
Voici un squelette de fichier HTML contenant une planche JSXGraph vierge :
<html>
<head>
<link rel='stylesheet' type='text/css'
href='http://jsxgraph.uni-bayreuth.de/distrib/jsxgraph.css' />
<script type='text/javascript'
src='http://jsxgraph.uni-bayreuth.de/distrib/jsxgraphcore.js'></script>
</head>
<body>
<!-- C’est dans cette div que votre script JSXGraph va s’exprimer. -->
<div id='box-id-unique' class='jxgbox' style='width:400px; height:400px;'></div>
<script type='text/javascript'>
var brd = JXG.JSXGraph.initBoard('box-id-unique',
{boundingbox:[-1, 1, 1, -1], axis:true});
/* Coder ici gaiement, mais avec ardeur. */
</script>
</body>
</html>
Vous pourrez le télécharger en suivant ce lien.
Attention, si vous voulez insérer plusieurs planches, il faudra choisir des
identifiants uniques pour remplacer box-id-unique.
3. Principales instructions
3.1. La planche dans la boîte
Attention, si vous voulez insérer plusieurs planches, il faudra choisir des
identifiants uniques pour remplacer box.
3.1.1. Sans les axes
var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-1, 1, 1, -1]});
3.1.2. Avec les axes
var brd = JXG.JSXGraph.initBoard('box', {boundingbox:[-1, 1, 1, -1], axis:true});
À suivre…