Editable graphs?

[sapiogenesis]

This might be a wild question, but is ChartGPU suitable for implementing an editable graph? If yes, where should I dig if I wanted to tackle this?

Think something where you can draw data points with a mouse and/or clicking to add and move specific points around. The use case is more of a multimedia application rather than data visualization, but surprisingly in other aspects this library seems like a great fit for the particular widget I’m working on (ability to show multiple lines, smooth zooming, performance, all come in very handy).

Are changes to DataStore observed/automatically reflected? I can see that DataStore interface supports removeSeries() and appendSeries(), but they seem to operate on the entire series.

From a brief look, I suppose the steps are like:

• Implement requisite mouse interactions
• Wire any resulting changes to update the external data store and call respective DataStore update methods
• If remove/append the entire series is too slow for paint-style editing, extend DataStore interface to support per-point changes and somehow supply that DataStore implementation to the rest of the library

[hunterg325]

Hey @sapiogenesis!

What a badass.. 🙂 Awesome use-case :)

There's no observable layer currently. You control the render cycle. You mutate your data e.g., appendSeries(), setSeries(), removeSeries() and the next render picks it up.

We are incrementally appending for line charts (with no sampling) using appendSeries(). But that's the only chart type supporting incremental append at the time of this comment.

See this PR for the implementation of that: #110

So right now, it is doing a full re-upload to the GPU with any mutation method for any case outside of aforementioned line chart (no sampling)

This is going to be an area of focus over the next couple of weeks getting incremental appends working for more than one chart type.

May I ask, what chart type are you rendering for this use-case? Scatter?

[sapiogenesis]

Thank you for the response!

You mutate your data e.g., appendSeries(), setSeries(), removeSeries() and the next render picks it up.

That’s great. Would I need to trigger that render somehow?

It looks like the next unknown would be interaction (figuring out what data changes on a given mouse event). I’ll poke around the interaction module…

May I ask, what chart type are you rendering for this use-case? Scatter?

Just a line chart (imagine an automation lane for a parameter). Since in an editable chart any point can change, not necessarily at the end of the chart, appendSeries probably wouldn’t suffice and I would need to set the entire thing. Could be sufficiently fast, I think.