This project is a sample Dash application designed to consolidate metrics from multiple marketplaces such as Trendyol, Hepsiburada, Amazon, and N11 into a single interactive panel.
It visualizes sales, returns, stock, profitability, finance, and regional performance with filters and export options.
ecommerce_dashboard/
ββ app.py
ββ data/
β ββ sales_data.csv
β ββ stock_snapshot.csv
β ββ products.csv
ββ pages/
β ββ sales_dashboard.py
β ββ returns_dashboard.py
β ββ stock_dashboard.py
β ββ regional_dashboard.py
β ββ finance_dashboard.py
ββ utils/
β ββ __init__.py
β ββ data.py
ββ assets/
ββ style.css
---
## π E-Commerce Dashboard User Guide
### 1. Getting Started
- When you launch the application, the **Login** screen will appear.
- Enter username and password to access the dashboard.
- Upon successful login, you are automatically redirected to the **Sales Performance** page.
---
### 2. General Usage
- Use the **top navigation bar** to switch between pages.
- The **βPrint / PDFβ** button in the top right corner allows you to export the current page as a PDF report.
- Each page includes **filters** (date range, marketplace, category, etc.) to customize the data view.
- Graphs are **interactive**: hover over elements to see details.
---
### 3. Page Descriptions
#### π Login
- Enter your username and password.
- β
Successful login β redirects to the Sales Performance page.
- β Wrong credentials β shows a red error alert.
#### π Sales Performance
This page shows overall sales performance.
**How to use:**
- Select a **date range**.
- Optionally filter by **marketplace** or **category**.
- Switch between **daily / weekly / monthly** frequency.
- Toggle between **periodic totals** or **cumulative view**.
**Visuals & Metrics:**
- **Total Sales (βΊ):** Overall revenue in the selected period.
- **Total Quantity:** Number of units sold.
- **Net Profit (βΊ):** Profit after costs.
- **Return Rate (%):** Percentage of returned items.
- **Marketplace Sales (Bar Chart):** Compare revenue across platforms.
- **Category β Brand Ratio (Treemap):** Visual share of revenue per category and brand.
- **Sales Over Time (Line Chart):** Track revenue trends over time.
- **Top-Selling Products (Horizontal Bar):** Displays top products with sales revenue and units sold.
#### π Returns
Focuses on product returns.
**Visuals & Metrics:**
- **Total Returns:** Number of returned items.
- **Return Rate (%):** Percentage compared to sales.
- **Return Cost (βΊ):** Financial cost of returned items.
- **Return Reasons (Pie Chart):** Breakdown of why items were returned (e.g., defective, wrong item).
- **Marketplace Returns (Bar Chart):** Which platform has the most returns.
#### π¦ Stocks
Tracks inventory status and alerts for low stock.
**Visuals & Metrics:**
- **Total Stock:** Current stock units.
- **Critical Stock Alerts:** Items below reorder level.
- **Run-out Forecast:** Estimated days until stock runs out.
- **Category Stock Distribution (Treemap):** Share of stock per category.
- **Critical Stock List (Bar Chart):** Items most at risk of running out.
#### π° Profitability
Analyzes profitability by comparing sales and costs.
**Visuals & Metrics:**
- **Total Revenue**
- **Total Cost**
- **Net Profit**
- **Profit Margin (%)**
- **Category Profitability (Bar Chart):** Profit per category.
- **Brand Profitability (Treemap):** Contribution of brands to profit.
- **Profit Trend (Line Chart):** Profit changes over time.
#### π Finance
Summarizes financial data including income and expenses.
**Visuals & Metrics:**
- **Income & Expenses Summary**
- **Operational Costs** (commissions, shipping, etc.)
- **Monthly Income vs Expense (Stacked Bar):** Monthly overview.
- **Expense Breakdown (Pie Chart):** Distribution of cost components.
#### π Regional Sales
Analyzes sales geographically by region or city.
**Visuals & Metrics:**
- **City Sales (Bar Chart):** Top cities by revenue.
- **Regional Heatmap:** Density of sales across the country.
#### πΊοΈ Geographic Analysis
Visualizes sales at the coordinate level.
**Visuals & Metrics:**
- **Sales Points (Map):** Each sale shown as a dot on the map.
- **Heatmap:** High-demand areas highlighted visually.
---
### 4. Exporting Reports (PDF)
- Click the **βPrint / PDFβ button** at the top right.
- Your browserβs print dialog will appear.
- Select **βSave as PDFβ** as the destination.
- The current page will be exported with clean formatting.
---
### 5. Example User Scenarios
- **Sales Manager** β Reviews sales KPIs and trends in the Sales Performance page, exports PDF for reporting.
- **Finance Team** β Uses Finance and Profitability pages to analyze costs and profit margins.
- **Operations Team** β Tracks low stock alerts in the Stocks page.
- **Marketing Team** β Uses Regional and Geographic pages for demand analysis.