JSFiddle - React, Tailwind, and code Playground

by axelclk

HTML

<script src="https://cdn.jsdelivr.net/gh/paulmasson/math@1.4.9/build/math.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jsxgraph@1.5.0/distrib/jsxgraphcore.js"></script>
<script src="https://cdn.jsdelivr.net/npm/json2d_jsxgraph/drawGraphics2d.min.js"></script>
<div id='graphics2d' style="width:600px; height:400px;"></div>

JavaScript

drawGraphics2d("graphics2d", {
  "axes": {
    "hasaxes": [true, true],
    "scaling": ["log10", "log10"]
  },
  "elements": [{
    "option": "opacity",
    "value": 1.0
  }, {
    "option": "pointSize",
    "value": 0.0013
  }, {
    "option": "fontSize",
    "value": 12
  }, {
    "option": "color",
    "value": [0.0, 0.0, 0.0]
  }, {
    "option": "opacity",
    "value": 1.0
  }, {
    "aspectRatio": {
      "symbol": "automatic"
    }
  }, {
    "option": "color",
    "value": [0.36841699481010437, 0.5067790150642395, 0.7097979784011841]
  }, {
    "option": "opacity",
    "value": 1.0
  }, {
    "type": "point",
    "coords": [
      [
        [0.0, 0.0]
      ],
      [
        [0.30102999566398114, 0.9030899869919433]
      ],
      [
        [0.4771212547196624, 1.4313637641589871]
      ],
      [
        [0.6020599913279623, 1.8061799739838866]
      ],
      [
        [0.6989700043360186, 2.0969100130080562]
      ],
      [
        [0.7781512503836435, 2.3344537511509307]
      ],
      [
        [0.8450980400142567, 2.53529412004277]
      ],
      [
        [0.9030899869919433, 2.7092699609758304]
      ],
      [
        [0.9542425094393248, 2.8627275283179743]
      ],
      [
        [0.9999999999999999, 3.0]
      ],
      [
        [1.041392685158225, 3.1241780554746748]
      ],
      [
        [1.0791812460476247, 3.237543738142874]
      ],
      [
        [1.1139433523068365, 3.3418300569205095]
      ],
      [
        [1.1461280356782377, 3.4383841070347136]
      ],
      [
        [1.1760912590556811, 3.528273777167043]
      ],
      [
        [1.2041199826559246, 3.6123599479677733]
      ],
      [
        [1.2304489213782739, 3.691346764134821]
      ],
      [
        [1.2552725051033058, 3.7658175153099176]
      ],
      [
        [1.2787536009528286, 3.836260802858486]
      ],
      [
        [1.301029995663981, 3.903089986991943]
      ]
    ]
  }],
  "extent": {
    "xmin": -0.11018494122782659,
    "xmax":...