Boite Edgeworth - Etape1

by spgoo

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>[SPGoOO -- Etape1  -- edgeworth box]</title>
    <script type="text/javascript" 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" />
    <script type="text/javascript" id="MathJax-script"   src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</head>

<body class="serif">
    <center>
        <div id="box1" class="jxgbox" style="width:800px; height:600px;"></div>
        <div id="box2" class="jxgbox" style="width:800px; height:200px;"></div>
    </center>
    
</body>
</html>

JavaScript

const board = JXG.JSXGraph.initBoard("box1", {pan: {enabled:false},boundingbox: [-1,4, 10,-1], axis:true,
withLines:true,defaultAxes: {x:{ ticks: {visible: true} },y:{ ticks: {visible: true}}},showNavigation:false,showCopyright:false});
board.jc = new JXG.JessieCode();
board.jc.use(board);
board.renderer.container.style.backgroundColor="#E5E4E2";
board.dehighlightAll();
board.renderer.container.style.backgroundColor = "#E5E4E2";

const board2 = JXG.JSXGraph.initBoard("box2", {boundingbox: [-1, 1.33, 7, -0.5],visible:false, showNavigation:false,showCopyright:false});
board2.renderer.container.style.backgroundColor="#E5E4E2";
board2.dehighlightAll();
board2.renderer.container.style.backgroundColor = "#E5E4E2";