I am currently building a "Spotify Wrapped" project, with React frontend and Python backend. The user log with his account and the website shows all his top tracks, artists, genres, etc...

I wish to make a button that generates an image containing all that data, so the user can share it with his friends, but I just have no idea on how to do this.

If anyone can have a lead for me to follow, would be of great help, I thought of doing this on the python backend, but it would be 100 times more difficult.

Here is a screenshot - I wanted to let the user download this bottom section, which displays the top tracks, artists and genres

the code is basically structured like this:

<App>
  <Header />
  <Dashboard> [That's what i want to generate as image]
     [Here is the logic of communicating with the backend]
  <Dashboard/>
<App/>