🎨 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

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