[charts] Get access to the data outside of the SVG

[alexfauquette]

For now charts only have the notion of container which is basically

function ChartContainer(){
  <SizeProvider>
    <DataProvider>
      <svg>
        {children}
      <svg>
    <DataProvider>
  <SizeProvider>
}

With that structure, the user can not use data information from outside of the SVG. Which could be useful for creating HTML legend, or interactions around the chart

The ideal DX would probably look like that

<ChartsDataManager>
  <MyCustomTitle/>
  <MyLegend />
  <ChartsSurface>
    // plotting...
  </ChartsSurface>
<ChartsDataManager>

The biggest challenge on this aspect is that interconnection between the sizing and the rendering. Scale provider need to have access to the sizing of the SVG to do its computation.

Search keywords:

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.