🧠 Data Visualization Dashboard

Welcome to the Data Visualization Dashboard created by Abu Saleh. This interactive dashboard showcases multiple charts built using D3.js and real-world datasets, exploring insights across domains like health, lifestyle, and marketing.

---

📊 Visualizations Included

1. Scatter Plot
   Stress Level vs Physical Activity Level
   Visualizes the relationship between stress and activity levels from a sleep health dataset.

2. Histogram
   Sleep Duration by Gender
   Displays sleep duration distribution grouped by gender using occupation-based filtering.

3. Pie Chart
   Post Distribution by Field
   Shows how posts are distributed across different social media domains.

4. Stacked Bar Chart
   Total Purchase by Age & Gender
   Based on Black Friday sales data, this chart visualizes consumer behavior across demographics.

---

📁 Folder Structure

Data-Visualization/ ├── index.html ├── scatterplot.html ├── Histogram.html ├── Pie_Chart.html ├── Stacked_Bar_Chart.html ├── css/ │ └── style.css ├── js/ │ ├── d3.v6.min.js │ ├── scatterplot.js │ ├── Histogram.js │ ├── PieChart.js │ └── Stacked_Bar_Chart.js └── data/ ├── Sleep_health_and_lifestyle_dataset.json ├── socialmedia_posts.json └── BlackFriday.json

---

🚀 How to Use

1. Visit the Live Site:
   [(https://abusaleh002.github.io/Interactive-Data-Visualization-D3.js-JavaScript/)]

2. Navigate through the dashboard and individual chart pages using the top menu.

3. Interact with filters and tooltips to explore the data visually.

---

🛠️ Technologies Used

• HTML5 & CSS3
• D3.js v6
• GitHub Pages for deployment

---

📌 Author

Abu Saleh
Data Science & Visualization Enthusiast

---

📃 License

This project is open-source and available under the MIT License.