Looking at the list of open source code used for the Observable web page (https://beta.observablehq.com/open-source), there is quite a few React and React-related modules. This leads me to conclude that the Observable web page is made using React.
This leads me to my core question - does the Observable webpage also use React to render visualizations?
I ask because visualizations in the notebooks I’ve seen returns various HTML Elements and not React Components. E.g. the return value from the chart code in Mike Bostock’s Seattle Weather Notebook is an SVGSVGElement. This is a standardized reference for manipulating SVG elements (https://developer.mozilla.org/en-US/docs/Web/API/SVGSVGElement), but not a valid React child.
This means that, if Observable does indeed use React to render visualizations, a conversion from various HTML elements takes place. What is your strategy for doing this?
Do you use a generic React component that exposes said component’s DOM node akin to ReactDOM.findDOMNode?
Do you use a fake DOM akin to react-faux-dom, updating a generic React component’s props, triggering the component to render?
Or perhaps you use a different strategy?
I am really curious about this, so I hope you can shed some light on this for me, even if just briefly