Citrana is a planetary chart builder and a whiteboard web application that allows students, gurus, and Vedanga Jyotisha practitioners to create Janma Kundali (Vedic charts) for study and reference. Built with pure HTML5, CSS3, and JavaScript, this modern, interactive tool provides an intuitive interface for creating both South Indian and North Indian astrological charts with drag-and-drop Graha placement and basic drawing tools.
Perfect for educational purposes, research documentation, and professional chart analysis, Citrana offers a seamless experience for anyone studying or practising Vedanga Jyotisha (Vedic astrology). Whether you're a student learning the fundamentals, a guru teaching traditional methods, or a researcher documenting complex planetary combinations to decode Karma, Citrana provides the tools you need to build Janma Kundali for online classes, presentations, and personal reference.
This codebase is developed using AI agents.
Citraṇā (चित्रणा): The act of painting, drawing, illustration, or portrayal. Derived from the Sanskrit root citrayati with the suffix -anā.
சித்திரம் (Cittiram): Artistic representation, drawing, illustration, or systematic arrangement.
Citraṇa (चित्रण): Portrayal, delineation, painting, illustration, or drawing.
- Dual Chart Types: South Indian (4x4 grid) and North Indian (diamond layout) with dynamic Bhava numbering
- Graha Library: 51 Grahas across 5 pages including, Jaimini Karakas, Grahas in Tamil, Grahas in Hindi, and Outer Grahas
- Drag & Drop Grahas: Intuitive placement with multiple instances support and dynamic text sizing
- Comprehensive Drawing Tools: Select, arrow, line, pen, text, and heading tools
- Professional Export: High-resolution PNG exports (300 DPI) with auto-save functionality
- Context Menus: Right-click and long-press support for quick chart management
- Keyboard Shortcuts: Power user features for efficient workflow
- Multi-language Support: Grahas available in English, Tamil, and Hindi
- Privacy focused: No data collection, no tracking, no server-side storage
Creating North Indian Chart (English)
Creating South Indian Chart (Tamil)
Creating North Indian Chart (Hindi)
Editing Grahas (English)
Editing Grahas (Tamil)
Creating Arrows
North Indian Chart Rotation & Toggle Transparency
Using Citrana with tldraw for Loading Multiple Charts & Advance Annotation
Note: Bhagavan Sri Ram's Janma Kundali (Vedic chart) is based on K.N. Rao's interpretation and insights.
- Modern desktop web browser (Brave 1.80+, Chrome 138+, Firefox 128+, Safari 18+, Edge 138+)
- No setup required - runs entirely in the desktop web browser
Citrana is designed exclusively for desktop browsers only (Brave, Chrome, Firefox, Safari, Edge) and is not supported on mobile or touch devices. For optimal performance and full feature access, use a desktop environment. Note: Brave users must disable Brave Shields for full functionality.
Screen Size: If you have a small screen size or if this site appears too large, please utilise your browser's zoom control under the browser's View menu to adjust the browser viewpoint for optimal viewing.
Visit: citrana.soothsayer.life
- Choose Chart Type: Select between South Indian or North Indian layout
- Set Lagna: Right-click any Bhava and select "Set as Lagna (Ascendant)"
- Add Grahas: Drag Graha from Graha Library to selected Bhava
- Add Annotations: Use drawing tools to add notes and aspects
- Export: Click "Export" to save your chart in
.png
South Indian Chart: Traditional 4x4 grid layout with centre empty. Right-click any Bhava to set it as Lagna (Ascendant). A diagonal line indicator will appear at the top-left corner of the Lagna Bhava.
North Indian Chart: Diamond layout with dynamic positioning. Right-click any Bhava to set it as Lagna. All Grahas placed in the Bhavas will automatically rotate and renumbered based on the new Lagna position.
Adding Grahas: Drag Grahas from the Graha Library (top-left) to chart Bhavas. You can place the same Graha multiple times. Double-click any Graha to open a floating editing panel where you can modify text and set it as retrograde (a small "r" subscript will appear).
Custom Graha: There is also a "Custom" Graha available in the library. Drag and drop it into any Bhava, then double-click to edit the name. There is a maximum character limit of 8 characters for all Graha names.
Drawing Tools: Use the toolbar to add arrows, lines, text, and heading. Double-click text elements to edit them. Use the Hand tool to pan around the chart.
Navigation: Use zoom controls or mouse wheel to zoom in/out. The Hand tool allows you to pan around the chart for detailed work.
Export Options: Click the save button to export your chart as a PNG file with timestamp. Use the transparency toggle button (before save) to choose between solid white background or transparent background for your exported image.
Export Viewpoint: Exported images will always follow and inherit the browser's current viewpoint. If you resize the browser window, the exported image will reflect the visible area accordingly. Adjust your browser window size and zoom level before exporting to achieve the desired output.
Single Chart Limitation: Citrana does not and will not support multiple charts in a single canvas. To create another chart, open a new browser window or tab. This ensures optimal performance and prevents conflicts between different chart configurations. Additionally, images can be saved with transparency enabled (Toggle Transparency Button) and imported into other canvas applications such as tldraw for advanced annotation and note-taking workflows.
Session Management: All sessions are ephemeral. The moment the browser refreshes, all data and progress will be reset and cleared. Citrana is privacy-focused and nothing is stored on the server.
Created by Vigneswaran Rajkumar
Licensed under the MIT license. See LICENSE for details.
For bug reports and feature requests you can create a new issue to discuss.
Community contributions are welcome and appreciated. Developers are encouraged to fork the repository and submit pull requests to enhance functionality or introduce thoughtful improvements. However, a key requirement is that nothing should break—all existing features and behaviours and logic must remain fully functional and unchanged. Please submit pull requests to the development branch rather than main, as the main branch is currently read-only. Once reviewed and approved, updates will be merged into the main branch.
Built with ❤️ for the Vedanga Jyotisha community.