An interactive web application that explores patterns, miracles, and linguistic features in Islamic sacred texts through data visualization. The project focuses on both the Quran and authentic Hadith collections (Sahih Bukhari and Sahih Muslim).
- Interactive Treemap Search 🔍: Explore Quranic verses through a hierarchical visualization
- Scientific Miracles Highlight 🧬: Special highlighting of verses containing scientific miracles
- Word Cloud Analysis ☁️: Interactive visualization of word frequencies and patterns
- Numerical Patterns 🔢: Visualization of mathematical and numerical patterns in the text
- Dual Treemap Interface 🔄: Parallel exploration of Sahih Bukhari and Sahih Muslim collections
- Prophetic Wisdom Highlights ✨: Special highlighting of notable hadith containing wisdom
- Search Functionality 🔎: Keyword-based search across both collections
- Detailed View 🔍: In-depth display of hadith text and context
- Search Functionality 🔍: Real-time filtering of verses and hadith
- Zoom & Pan 🔎: Navigate through detailed sections of the visualizations
- Tooltips 💭: Contextual information on hover
- Responsive Design 📱: Adapts to different screen sizes
- D3.js for data visualization 📊
- Three.js for 3D animations 🎨
- JavaScript for interactivity ⚙️
- HTML5/CSS3 for structure and styling 🎯
- Quran dataset with English translations 📖
- Sahih Bukhari and Sahih Muslim hadith collections 📚
- Curated collection of scientific miracles and numerical patterns ✨
- Clone the repository:
git clone https://github.com/ymorsi7/Ayatica/- Serve the files using a local server (e.g., using Python):
python -m http.server 8000- Open a web browser and navigate to:
http://localhost:8000
├── index.html # Main HTML file
├── style.css # Stylesheet
├── script.js # Main JavaScript file
├── data/ # Data directory
│ ├── hadith.json # Hadith dataset
│ └── quran.json # Quran dataset
├── audio/ # Audio directory
│ ├── emb.mp3
│ └── expansion.mp3
│ └── orbit.mp3
│ └── plant.mp3
│ └── rum.mp3
│ └── cloud.mp3
└── images/ # Image assets
- Treemap visualization for both Quran and Hadith
- Interactive word cloud for linguistic analysis
- Animated scientific miracle demonstrations
- Numerical pattern visualizations
- Navigation menu
- Search functionality
- Filters for specific content types
- Detailed information panels
- Quranic data from verified translations
- Hadith collections from authenticated sources
- Scientific miracle research from various Islamic scholars
- Icons and animations from open-source libraries