Let user update JSON file

[BLVANSONHVA]

Dear community,

I am using Cables.gl to prototype a tool that is basically an interactive data visualisation. The user gets presented with a data visualisation based on a JSON file. I wish that the user can input something that then gets added to the JSON file, and therefore represented in the data visualisation.

I have included two screenshots. The first is the data visualisation (using EchartsEvents) and the second is a div element where the user can input. I hope that this input can be injected back into the JSON somehow, and therefore reflected in the datavis.

[steam0r]

you can get the data from the elment and then use ObjectSet... to manipulate the json that is fed into echarts

in this example patch you'd put your object manipulation below the "ParseObject" on the top right:

https://cables.gl/edit/iY6lbI

this is list of ops to manipulate json-data in cables:

https://cables.gl/ops/Ops.Json

[BLVANSONHVA]

Thanks for your reply!
I understand what you mean, but I do not know how to do it. Is there any simple example available ?

[BLVANSONHVA]

More specifically, how do you determine the place in the JSON file that you insert an object in?
If we take the example file you sent, then let's say you wish to create another entity in the data on the x-axis. How could you approach that?

[steam0r]

this is more of an echarts question, cables cannot know how echarts expects it's data and i think it's different from chart to chart