Share JSXGraph: example "Elliptic curves (with two function graphs)"

JSXGraph
Share JSXGraph: example "Elliptic curves (with two function graphs)"
This website is a beta version. The official release will be in **2023**.

Elliptic curves (with two function graphs)

An elliptic curve can be written as a plane algebraic curve defined by an equation of the form $$y^2=x^3+ax+b\,.$$ Here, simply the two branches $$ y = \pm \sqrt{x^3+ax+b} $$ are plotted with two function graphs.
// Define the id of your board in BOARDID

JXG.Options.axis.strokeColor = '#cccccc';
const board = JXG.JSXGraph.initBoard(BOARDID, {
    boundingbox: [-15, 10, 15, -10],
    axis: true
});

var b = board.create('slider', [[1, -3], [10, -3], [-10, 2.10, 10]], {name: 'a'});
var a = board.create('slider', [[1, -4], [10, -4], [-10, -9.52, 10]], {name: 'b'});

var c1 = board.create('functiongraph', [function(x) {
    return Math.sqrt(x * x * x + a.Value() * x + b.Value());
}], {strokeWidth: 3, strokeColor: 'black'});
var c2 = board.create('functiongraph', [function(x) {
    return -Math.sqrt(x * x * x + a.Value() * x + b.Value());
}], {strokeWidth: 3, strokeColor: 'black'});