How to plot data.

[DaveDavenport]

I want to plot some data in my notes, but I hit a snag.

1.) mermaid does not plot correctly.

This should be more or less a straight line, instead it puts 10-20 at the same distance as 100-200.

2.) tikz is insanely slow and block zennotes for minutes to then produce an empty graph.

3.) jsxgraph I have no idea how to use? It needs a json input language, but I could not find an example, I've looked at the source but this was not clear to me. I managed to get a grid with axis, but failed to put data points in?

Anybody has some examples of using jsxgraph (I probably missed it when searching for it)
or any other suggestions to plot data points?

[DaveDavenport]

Got it for jsxgraph, but it not the easiest syntax.

```jsxgraph
{
  "boundingbox": [-100, 1500, 1500, -100],
    "axis": true,
    "objects": [
    {
      "type": "curve",
      "args": [[10,20,30,50,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500], [0,2,12,46,100,205,308,409,511,610,708,807,906,1006,1107,1209,1315,1417,1512]],      
      "attributes": {
        "strokeColor": "red",
        "strokeWidth": 2
      }
    },
    {
      "type": "curve",
      "args": [[10,20,30,50,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500],    [0,2,12,46,99,203,304,404,506,602,701,799,897,996,1096,1197,1302,1402,1503 ]],
      "attributes": {
        "strokeColor": "blue",
        "strokeWidth": 2
      }
    },
    {
      "type": "curve",
      "args": [[10,20,30,50,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500],    
  [0,2,12,46,99,203,304,404,506,602,701,799,897,996,1096,1197,1302,1402,1503 ]],
      "attributes": {
        "strokeColor": "green",
        "strokeWidth": 2
      }
    },
    {
      "type": "curve",
      "args": [[10,20,30,50,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500],    
 [  0,5,15,48,101,206,308,407,509,606,703,800,900,999,1100,1201,1305,1405,1506  ] ],
      "attributes": {
        "strokeColor": "pink",
        "strokeWidth": 2
      }
    },
    {
      "type": "curve",
      "args": [[10,20,30,50,100,200,300,400,500,600,700,800,900,1000,1100,1200,1300,1400,1500],    
  [  0,6,14,47,102,206,308,408,509,605,703,800,899,998,1099,1199,1303,1404,1505 ]],
      "attributes": {
        "strokeColor": "purple",
        "strokeWidth": 2
      }
    }
  ]
}

[adibhanna]

Try using AI for this! ZenNotes has an MCP integration in it, I'd ask claude/codex to do for you.

[DaveDavenport]

No.

It should at least be documented on how to use it.