{"id":19440547,"url":"https://github.com/syamreddy99/datavisualazation","last_synced_at":"2026-05-04T15:40:21.449Z","repository":{"id":250659173,"uuid":"826701120","full_name":"syamreddy99/datavisualazation","owner":"syamreddy99","description":"A data visualization dashboard designed to provide interactive and insightful visualizations using data from `Data.csv`. Built with a Java Spring Boot backend and React.js frontend, this project showcases various metrics such as intensity, likelihood, relevance, and more, with dynamic filters and charts for in-depth data analysis.","archived":false,"fork":false,"pushed_at":"2024-07-29T06:20:54.000Z","size":27,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-07T21:46:57.522Z","etag":null,"topics":["backend","backenddevelopment","datavisualization-project","java","mysql","rest-api","spring","springboot"],"latest_commit_sha":null,"homepage":"https://datavisualazation.vercel.app","language":"Java","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/syamreddy99.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-07-10T07:59:29.000Z","updated_at":"2024-08-02T08:24:50.000Z","dependencies_parsed_at":"2024-07-29T07:52:45.956Z","dependency_job_id":null,"html_url":"https://github.com/syamreddy99/datavisualazation","commit_stats":null,"previous_names":["syamreddy99/datavisualazation"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syamreddy99%2Fdatavisualazation","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syamreddy99%2Fdatavisualazation/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syamreddy99%2Fdatavisualazation/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/syamreddy99%2Fdatavisualazation/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/syamreddy99","download_url":"https://codeload.github.com/syamreddy99/datavisualazation/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240621352,"owners_count":19830527,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backend","backenddevelopment","datavisualization-project","java","mysql","rest-api","spring","springboot"],"created_at":"2024-11-10T15:29:38.971Z","updated_at":"2025-11-18T15:03:52.588Z","avatar_url":"https://github.com/syamreddy99.png","language":"Java","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🎨 Visualization Dashboard Test Assignment\n\n## 📚 Overview\nWelcome 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.\n\n## 🎯 Objective\nThe 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.\n\n## 📊 Data\nThe data used in this project is available in the `Data.csv` file. You can download it from the following link:\n\n[📂 Download Data.csv](https://drive.google.com/file/d/1fhnb4QYyvOFKMfVfqE-yvvCGBRNWiCzO/view?usp=drive_link)\n\n![Data Visualization](https://github.com/syamreddy99/Dynamic-webpage-images-/blob/main/Screenshot%20(37).png?raw=true)  \n*Sample Data Visualization*\n\n## 🛠 Technologies \u0026 Tools\n\n### **Programming**\n- **Java** ![Java](https://img.shields.io/badge/-Java-007396?style=flat\u0026logo=java\u0026logoColor=white)\n  \n### **Web Development**\n- **HTML5** ![HTML5](https://img.shields.io/badge/-HTML5-E34F26?style=flat\u0026logo=html5\u0026logoColor=white)\n- **CSS3** ![CSS3](https://img.shields.io/badge/-CSS3-1572B6?style=flat\u0026logo=css3\u0026logoColor=white)\n- **JavaScript** ![JavaScript](https://img.shields.io/badge/-JavaScript-F7DF1E?style=flat\u0026logo=javascript\u0026logoColor=black)\n- **Bootstrap** ![Bootstrap](https://img.shields.io/badge/-Bootstrap-563D7C?style=flat\u0026logo=bootstrap\u0026logoColor=white)\n\n### **Database \u0026 Connectivity**\n- **MySQL** ![MySQL](https://img.shields.io/badge/-MySQL-4479A1?style=flat\u0026logo=mysql\u0026logoColor=white)\n- **JDBC** ![JDBC](https://img.shields.io/badge/-JDBC-007396?style=flat\u0026logo=jdbc\u0026logoColor=white)\n\n### **Frameworks**\n- **Spring** ![Spring](https://img.shields.io/badge/-Spring-6DB33F?style=flat\u0026logo=spring\u0026logoColor=white)\n- **Spring Boot** ![SpringBoot](https://img.shields.io/badge/-SpringBoot-6DB33F?style=flat\u0026logo=springboot\u0026logoColor=white)\n\n### **Visualization Libraries**\n- **D3.js** ![D3.js](https://img.shields.io/badge/-D3.js-F9A03C?style=flat\u0026logo=d3-dot-js\u0026logoColor=white)\n- **Chart.js** ![Chart.js](https://img.shields.io/badge/-Chart.js-F7DF1E?style=flat\u0026logo=chart-dot-js\u0026logoColor=black)\n- **FusionCharts** ![FusionCharts](https://img.shields.io/badge/-FusionCharts-FF9F00?style=flat\u0026logo=fusioncharts\u0026logoColor=white)\n- **Plotly.js** ![Plotly.js](https://img.shields.io/badge/-Plotly.js-3D4D6C?style=flat\u0026logo=plotly\u0026logoColor=white)\n- **Google Charts** ![Google Charts](https://img.shields.io/badge/-Google%20Charts-4285F4?style=flat\u0026logo=google-charts\u0026logoColor=white)\n- **Highcharts** ![Highcharts](https://img.shields.io/badge/-Highcharts-1F77B4?style=flat\u0026logo=highcharts\u0026logoColor=white)\n\n\n## 🚀 Key Features\n- Interactive graphs, charts, and visuals.\n- Filters for end year, topics, sector, region, PEST, source, SWOT, country, and city.\n- Customizable and creative visualizations.\n- Data is fetched from the database using a Java/Spring Boot API.\n\n## ⚙️ Installation and Setup\n\n## 1️⃣ Clone the Repository\n### Clone the repository to your local machine:\n     ````bash\n     git clone https://github.com/yourusername/visualization-dashboard.git\n\n# 2️⃣ Backend Setup\n### Navigate to the backend directory:\n    ````bash\n    cd backend\n### Configure the database connection in the application.properties file.\n### Build and run the Spring Boot application:\n    ````bash\n    mvn clean install\n    mvn spring-boot:run\n### The backend server will be available at http://localhost:8080.\n# 3️⃣ Frontend Setup\n### Navigate to the frontend directory:\n    ````bash\n    cd frontend\n# Install the necessary dependencies:\n    ````bash\n    npm install\n# Start the frontend server:\n    ````bash\n    npm start\n## The frontend will be accessible at http://localhost:3000.\n# 💾 Data Loading\n### Import the Data.csv file into your chosen database.\n### Ensure the database schema aligns with the data structure for smooth integration with the backend.\n# 🖥 Usage\n### Open http://localhost:3000 in your browser.\n### Explore the dashboard to visualize various metrics and data.\n###  Apply filters to refine and analyze the data based on your criteria.\n# 🔍 Examples\n### Check out these example dashboards for inspiration:\n\n### Dashboard Example 1\n### Dashboard Example 2\n### Dashboard Example 3\n# 📬 Contact\n### For any questions or issues, please reach out to syamreddypenumallu@gmail.com\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyamreddy99%2Fdatavisualazation","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyamreddy99%2Fdatavisualazation","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyamreddy99%2Fdatavisualazation/lists"}