Chubhi AI is a React + Vite Web Application that visualizes semantic relationships within the Guru Granth Sahib (via BaniDB API) using Hugging Face 3D vector embeddings and Plotly.js. This platform enables multi-dimensional exploration of sacred scripture through interactive visual analytics and semantic projections.
Hardware-accelerated 3D vector space and three 2D projection planes (Meaning, Emotion, Topic) for comprehensive semantic visualization.
Clicking any Shabad dynamically translates coordinate origins
Full-text search in English and Gurmukhi with an integrated on-screen Punjabi virtual keyboard for accessibility across language barriers.
Fetches surrounding sequential scriptural verses
Randomly samples across 5,000+ Shabads in the corpus, facilitating serendipitous discovery and exploratory learning.
Automatically strips metadata headers (Raag, Mehla, Slok) to score pure scripture content, ensuring accurate semantic embeddings.
Interactive card filtering system allowing real-time manipulation of the visualization dataset and focus on specific semantic clusters.
High-contrast dark UI optimized for extended reading sessions and reduced eye strain during deep study.
The following environment variable is required at build time:
VITE_HF_TOKEN=<your-huggingface-api-token>This token enables access to the Hugging Face Inference API for generating semantic embeddings.
-
Install Dependencies:
npm install
-
Set Environment Variable: Configure
VITE_HF_TOKENin your Azure App Service configuration or build pipeline. -
Build Application:
npm run build
-
Deploy Static Assets: Upload the contents of the
dist/directory to your Azure Static Web App or App Service.
- Runtime: Node.js (for build process)
- Output Location:
/dist - API Routes: Not required (API calls are client-side to BaniDB and Hugging Face)
- CORS: Ensure BaniDB API and Hugging Face endpoints are accessible
- Frontend: Vite
- Visualization: Plotly.js (WebGL-accelerated)
- NLP: Hugging Face Transformers API
- Data Source: BaniDB API (Guru Granth Sahib corpus)
- Styling: Modern CSS with dark mode support
This project is developed for educational and spiritual study purposes.