Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/scorleos773/data-visualisation-project

Last synced: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/scorleos773/data-visualisation-project
Owner: SCORLEOs773
Created: 2024-02-14T08:42:56.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-02-14T11:54:56.000Z (about 1 year ago)
Last Synced: 2024-11-22T01:11:50.439Z (3 months ago)
Language: JavaScript
Homepage: https://dvmoveinsync.netlify.app/
Size: 796 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# Data Visualization Dashboard

## Overview

This project is a Data Visualization Dashboard created using React and MUI (Material-UI) that displays various charts based on different time ranges. The dashboard provides insights into the number of users over specific periods, allowing users to analyze trends effectively.

## Features

### 1. Bar Chart Visualization

The main feature of the dashboard is the bar chart that visualizes the number of users based on different time ranges:

- **12 Months:** Monthly breakdown of user data.
- **6 Months:** User data displayed over a 6-month period.
- **7 Days:** Daily user count over the past week.
- **24 Hours:** User count in different time intervals within a day.

### 2. Dynamic Data Fetching

The application fetches dummy data for demonstration purposes. However, the structure is designed to easily replace the data fetching logic with actual data from a server or API.

### 3. Responsive Design

The dashboard is designed to be responsive, ensuring a consistent and optimal viewing experience across various devices and screen sizes.

### 4. Navigation

The application includes a navigation bar with a link to an "About Me" section. This section provides information about the developer, including a profile picture and the option to download their CV.

### 5. Download CV Functionality

Users can download the developer's CV by clicking the "Download CV" button in the "About Me" section.

## Screenshots

Here are some screenshots of the Data Visualization Dashboard:

### Bar Chart Visualization

![Image 1](src/assets/1.png)

![Image 2](src/assets/2.png)

### About Me Section

![image 3](src/assets/3.png)

#### Download CV

![Download CV](src/assets/Sukhad Sharma Final CV.pdf)

## Installation

1. Clone the repository:

```bash
git clone https://github.com/SCORLEOs773/Data-Visualisation-Project.git
cd your-repository
```