Hi Robert, we use a third party provider for our charts (Highchart) because we felt building our own charts was too time consuming.

A Highchart stock chart can be initialized by providing it an object literal with all the data and configuration. When I was implementing our Highchart charts I modified the object literal on every price tick or chart configuration change, tore down the old chart and built a new one in the same place. Worked and performed fine, no flicker, no stutter. It’s a simplified React re-render everything approach.

Although

hundreds of nodes and the depth of the DAG can reach 6–10 layers. In the name of DRY, no matter how you implement it, you de facto model a DAG data flow model, which of course FRP inspired libraries are designed to cover well.

does sound cool.

If there was a need to optimize it I would have used an immutable object for the configurations and compared what parts of the configuration changed between re-render requests and translated those changes to imperative Highchart commands. I have a feeling that focusing on a few areas would have yielded significant results.

Hope that helps.