Share JSXGraph: example "Colorful points"

JSXGraph
Share JSXGraph: example "Colorful points"
This website is a beta version. The official release will be in **2023**.

Colorful points

This example uses the HSV color scheme to make the fill colors of the point visually pleasing.
// Define the id of your board in BOARDID

JXG.Options.point.zoom = true;

const board = JXG.JSXGraph.initBoard(BOARDID, {
    boundingbox: [-0.1, 1.1, 1.1, -0.1]
});
var i, h, s, v;

for (i = 0; i < 100; i++) {
    // Select random HSV color
    h = Math.random() * 360;
    s = Math.random();
    v = 1.0;
    board.create('point', [Math.random(), Math.random()], {
        withLabel: false,
        face: 'circle',
        size: Math.random() * 65,
        strokeColor: JXG.hsv2rgb(h, s, v),
        fillColor: JXG.hsv2rgb((h + 180) % 360, s, v),
        highlightFillColor: JXG.hsv2rgb(h, s, v),
        fillOpacity: 0.7,
        highlightFillOpacity: 0.4
    });
}