3D visualization refactoring

[misterjoecool]

Problem

When using the 3D visualization refactoring, I want to be able to switch directly between different databases and have the selected database render on the 3D page. Currently on the 3D page, appears the existing databases are viewable/listed on the sidebar; however, these databases cannot be selected and users need to leave the 3D page before switching to a new database.

Solution

Review the existing directory (ThreeDView) and files (ThreeDUniverse.jsx and ThreeDView.jsx) to understand how the database is being rendered on the 3D page.
For instance, the function ThreeDView below returns the component "ThreeDUniverse"

The file "ThreeDUniverse" includes the logic for rendering the 3D page, including the database/nodes. Need to pinpoint the logic for rendering a selected database and ideate on how to handle re-rendering another database selected from the sidebar.

Additional information

Additional related features regarding 3D visualization refactoring:

• Have the camera rotate when initially opening the 3D page
• Better cache/memory management to speed up animations and rendering
• Make the green table in 3D view always face the user's camera
• Implement ER table functions

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!