Chromagraphic is a powerful tool that allows you to control and view ChromaDB collections and their documents using a user-friendly graphical user interface (GUI). With Chromagraphic, you can easily manage your collections, add new documents, and perform various operations on your data. This tool was something I made while in the process of developing a project that required adding lots of data into a vector database. I wanted an intuitive and easy way to add the data without having to run in a python notebook, and am excited to be able to share it with the world!
Chromagraphic was devloped using Python and Javascript
Main Page:
You can select your collection with the dropdown, or add a new collection. Additionally, you can view all of the documents in the currently selected collection by clicking the dropdown by the documents. The document view window shows the source metadata and the text content in that document.

Add Document Page:
On the document adding page, you can add the document information in the fields and select which collection to add it to.

To use Chromagraphic, follow the instructions below:
- Clone the repository to your local machine.
- Navigate to the root folder of the project.
- Make sure you have Python installed (version 3.7 or above).
- Install the required dependencies by running the following command:
- Launch the program by running the following command in the terminal:
python main.py
- Collection and Document Management: Easily select and manage your ChromaDB collections and documents through an intuitive dropdown interface.
- Add New Collections: Quickly create new collections directly from the main page.
- Add Documents: Seamlessly add new documents to your ChromaDB collection by navigating to the "Add Document" page.
- User-Friendly Interface: Enjoy a visually appealing and easy-to-use GUI for efficient data management.
Chromagraphic is built with the help of the following libraries:
- Eel: A little Python library for making simple Electron-like HTML/JS GUI apps
- ChromaDB: An open source vector database, using it being the focus of this project.
- OpenAI: OpenAI's embedding model is used to embed data into this version of ChromaGraphic.
Any input on features is welcome.
A search page is currently being developed in order to simulate the queries one might make inside of an application to allow for testing the inputted data. Additionally, selection of embedding function will become an available GUI function in the near future.
For any questions or inquiries, please contact me at mpsteele553@gmail.com
Regards,
Matt