I am trying to display some plotted charts using Plot from 'react-plotly.js' in @react-three/fiber environment with the accest of @react-three/drei.
I was able to show the charts in Html component, but when there is a reflection it doesn't work on them since it is an html element above the canvas, or this is what I understand.
So, I am trying to use Svg component, there are few examples and none of them cover my case. I tried to use URL and it worked but the raw string svg didn't.
I am trying to get my chart as SVG from react-plotly.js and pass it to Svg from @react-three/drei.
My question are:
- Do I need to extract SVG raw form Plot components to use it in Svg (drei), if yes how?
- How to use Svg with raw data?
