Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ymorsi7/ayatica
Exploring patterns, miracles, and linguistic features in Islamic sacred texts through data visualization
https://github.com/ymorsi7/ayatica
d3 d3js data data-visualization hadith hadiths islam islamic quran visualization
Last synced: 3 days ago
JSON representation
Exploring patterns, miracles, and linguistic features in Islamic sacred texts through data visualization
- Host: GitHub
- URL: https://github.com/ymorsi7/ayatica
- Owner: ymorsi7
- License: mit
- Created: 2024-11-11T03:27:17.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-01-09T14:11:37.000Z (17 days ago)
- Last Synced: 2025-01-09T15:24:50.471Z (17 days ago)
- Topics: d3, d3js, data, data-visualization, hadith, hadiths, islam, islamic, quran, visualization
- Language: HTML
- Homepage: https://ymorsi7.github.io/Ayatica/
- Size: 54.3 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Ayatica: Islamic Texts Interactive Visualization 🕌📊
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).
## Features ✨
### Quran Visualization 📖
- **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
### Hadith Visualization 📚
- **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
### Interactive Features ⚡
- **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
## Technologies Used 🛠️
- D3.js for data visualization 📊
- Three.js for 3D animations 🎨
- JavaScript for interactivity ⚙️
- HTML5/CSS3 for structure and styling 🎯
## Data Sources 📚
- Quran dataset with English translations 📖
- Sahih Bukhari and Sahih Muslim hadith collections 📚
- Curated collection of scientific miracles and numerical patterns ✨
## Installation & Setup ⚙️
1. Clone the repository:
```bash
git clone https://github.com/ymorsi7/Ayatica/
```
2. Serve the files using a local server (e.g., using Python):
```bash
python -m http.server 8000
```
3. Open a web browser and navigate to:
```
http://localhost:8000
```
## Project Structure 📁
```
├── 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
```
## Key Components 🔑
### Visualization Components 📊
- Treemap visualization for both Quran and Hadith
- Interactive word cloud for linguistic analysis
- Animated scientific miracle demonstrations
- Numerical pattern visualizations
### User Interface Elements 🖥️
- Navigation menu
- Search functionality
- Filters for specific content types
- Detailed information panels
## Credits 🙏
- Quranic data from verified translations
- Hadith collections from authenticated sources
- Scientific miracle research from various Islamic scholars
- Icons and animations from open-source libraries