How to host a live 3D view with Flask, vite, react-three-fiber with my custom data?

[WithFoxSquirrel]

When i run visualize_collection(vector_store._collection), i just get the raw data in web page. I have no idea about web develop, could you show me how to visualize the data with vite as your screenshot demonstration

[coffeecodeconverter]

this might help you
#15

if you've downloaded the project and run the test file, it only has a few randomly generated data points.
Whereas, you probably want to visualize an existing database instead?
in which case, you need a different script to point to a persistent chromadB database (SQLLite file)
the article above shows how to do that.

when its working, all you see are coloured data points with lines between them, where if you hover your mouse over any node/data point you see the id, document, and metadata it represents.

NOTE:
the collection you point it to must have 50+ documents, otherwise you'll get a 500 internal server error - see here:
#6