This project transforms a static PDF business report from AtliQ Hardware into a fully interactive, single-page web application. It allows for dynamic exploration of complex business data through a clean, user-friendly interface. It is the web version of the project of the data analysis which was performed on powerbi,excel,python and etc tools.
- Executive Summary: High-level KPIs for a quick overview of business health, including Net Sales, Gross Margin %, and Net Profit %.
- Deep Dive Tabs: Dedicated sections for in-depth analysis:
- Finance View: Explore a detailed Profit & Loss statement, unit economics, and P&L breakdowns by region and product segment.
- Sales & Marketing View: Analyze product and customer performance with interactive performance matrices and sortable tables.
- Supply Chain View: Track forecast accuracy, net error trends, and review risk profiles for customers and products.
- Global Filters: Dynamically filter the entire dashboard by Year and Quarter to analyze performance over different time periods.
- Interactive Visualizations: All charts are built with Chart.js and are fully interactive with tooltips providing detailed information on hover.
- Responsive Design: The dashboard is fully responsive and accessible on desktops, tablets, and mobile devices.
- Frontend: HTML5, CSS3, JavaScript (ES6+)
- Styling: Tailwind CSS
- Data Visualization: Chart.js
- Clone the repository:
git clone [https://github.com/DANIS-4512/analysis_web_Version.git]
- Navigate to the project directory:
cd your-repo-name - Open the
index.htmlfile in your favorite web browser (e.g., Chrome, Firefox, Safari).
Once loaded, you can:
- Use the dropdown and buttons at the top to filter the data by year and quarter.
- Click on the tabs (Executive View, Finance View, etc.) to navigate between different sections of the report.
- Hover over chart elements to see detailed tooltips.
Danish Raza
- LinkedIn: linkedin.com/in/danishraza7
- GitHub: @Danish-4512