🎨 Visualization Dashboard Test Assignment

📚 Overview

Welcome to the Visualization Dashboard Test Assignment! This project involves creating an interactive data visualization dashboard using data from Data.csv. Developed with Java for the backend and React.js for the frontend, the dashboard provides an engaging interface for exploring and analyzing data.

🎯 Objective

The goal of this assignment is to build a data visualization dashboard that displays metrics such as intensity, likelihood, relevance, year, country, topics, region, and city. The dashboard includes various filters to refine data analysis.

📊 Data

The data used in this project is available in the Data.csv file. You can download it from the following link:

📂 Download Data.csv

Sample Data Visualization

🛠 Technologies & Tools

Programming

Java

Web Development

HTML5
CSS3
JavaScript
Bootstrap

Database & Connectivity

MySQL
JDBC

Frameworks

Spring
Spring Boot

Visualization Libraries

D3.js
Chart.js
FusionCharts
Plotly.js
Google Charts
Highcharts

🚀 Key Features

Interactive graphs, charts, and visuals.
Filters for end year, topics, sector, region, PEST, source, SWOT, country, and city.
Customizable and creative visualizations.
Data is fetched from the database using a Java/Spring Boot API.

⚙️ Installation and Setup

1️⃣ Clone the Repository

Clone the repository to your local machine:

 ````bash
 git clone https://github.com/yourusername/visualization-dashboard.git

2️⃣ Backend Setup

Navigate to the backend directory:

````bash
cd backend

Configure the database connection in the application.properties file.

Build and run the Spring Boot application:

````bash
mvn clean install
mvn spring-boot:run

The backend server will be available at http://localhost:8080.

3️⃣ Frontend Setup

Navigate to the frontend directory:

````bash
cd frontend

Install the necessary dependencies:

````bash
npm install

Start the frontend server:

````bash
npm start

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
src		src
target		target
HELP.md		HELP.md
README.md		README.md
mvnw		mvnw
mvnw.cmd		mvnw.cmd
pom.xml		pom.xml

syamreddy99/datavisualazation

Folders and files

Latest commit

History

Repository files navigation

🎨 Visualization Dashboard Test Assignment

📚 Overview

🎯 Objective

📊 Data

🛠 Technologies & Tools

Programming

Web Development

Database & Connectivity

Frameworks

Visualization Libraries

🚀 Key Features

⚙️ Installation and Setup

1️⃣ Clone the Repository

Clone the repository to your local machine:

2️⃣ Backend Setup

Navigate to the backend directory:

Configure the database connection in the application.properties file.

Build and run the Spring Boot application:

The backend server will be available at http://localhost:8080.

3️⃣ Frontend Setup

Navigate to the frontend directory:

Install the necessary dependencies:

Start the frontend server:

The frontend will be accessible at http://localhost:3000.

💾 Data Loading

Import the Data.csv file into your chosen database.

Ensure the database schema aligns with the data structure for smooth integration with the backend.

🖥 Usage

Open http://localhost:3000 in your browser.

Explore the dashboard to visualize various metrics and data.

Apply filters to refine and analyze the data based on your criteria.

🔍 Examples

Check out these example dashboards for inspiration:

Dashboard Example 1

Dashboard Example 2

Dashboard Example 3

📬 Contact

For any questions or issues, please reach out to syamreddypenumallu@gmail.com

About

Topics

Resources

Stars

Watchers

Forks

Releases

Packages 0

Languages

Packages