Skip to content

rishabhrawat05/data-visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 

Repository files navigation

Data-Visualizer

A web application to visualize data in the form of bar charts using Chart.js.

Features

  • Visualizes data using bar charts.
  • Utilizes Chart.js for data visualization.
  • Built with Spring Boot for the backend and React for the frontend.

Prerequisites

  • Java (for Spring Boot)
  • Node.js and npm (for React)
  • Chart.js (for data visualization)

Installation

Backend (Spring Boot)

  1. Clone the repository:
    git clone https://github.com/rishabhrawat05/data-visualizer.git
    cd data-visualizer/data-visualizer-backend
  2. Build and run the Spring Boot application:
    ./mvnw spring-boot:run

Frontend (React)

  1. Navigate to the frontend directory:
    cd ../data-visualizer-frontend
  2. Install dependencies:
    npm install
    npm install chart.js
  3. Start the React application:
    npm start

Usage

  1. Ensure the backend is running.
  2. Open your browser and navigate to http://localhost:3000.
  3. Use the application to input data and visualize it in bar chart format.

Screenshots

Screenshot 2024-12-11 124155 Screenshot 2024-12-11 124211 Screenshot 2024-12-11 143501

Contributors

About

A web application to visualize data

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published