Skip to content

About

Interactive sales dashboard built with HTML, CSS, and JavaScript using CSV data, featuring filters, KPIs, charts, and dark mode.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Latest commit

 

History

3 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 

Repository files navigation

Sales Dashboard

This project is an Interactive sales dashboard built with HTML, CSS, and JavaScript using CSV (Excel-exported) data, featuring filters, KPIs, charts, and dark mode.

Features

  • Displays total revenue, orders, and average order value
  • Filters by city and branch
  • Search functionality for product lines
  • Interactive charts (Bar, Pie, Line) using Chart.js
  • Dark mode toggle
  • Animated UI and loading spinner

Technologies Used

  • HTML
  • CSS
  • JavaScript
  • Chart.js

Data Source

The data was originally provided in Excel format and converted to CSV (supermarket_sales.csv) for processing in JavaScript.

Live Demo

https://rraghadka.github.io/sales-dashboard/

How to Run

You can view the project directly using the live demo link above.

Alternatively, to run locally:

  • Open the project using Live Server in VS Code
  • Or run it using a local server environment

About

Interactive sales dashboard built with HTML, CSS, and JavaScript using CSV data, featuring filters, KPIs, charts, and dark mode.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages