Thinking of using D3 for learning how to use it, and RPisicine could be a good candidate for that. It’s a React app so how do we integrate them?

Many D3 tutorials: https://www.google.com/search?q=d3+js+tutorial

With React, apparently an obvious complexity is that they both manipulate the DOM, so need to use state/useEffects to combine them. This has more details:

https://www.pluralsight.com/guides/using-d3.js-inside-a-react-app 

https://blog.griddynamics.com/using-d3-js-with-react-js-an-8-step-comprehensive-manual/

There are some wrappers to help with that:

https://react-d3-library.github.io/

In npm https://www.npmjs.com/search?q=react%20d3, projects fall under 2 categories: “generic d3-in-react” libraries, and dedicated graphic components.