Industrial AI • Digital Transformation • Interactive Dashboards for Mining & Manufacturing
Mining Intelligence Lab is a collection of interactive dashboards and digital solutions designed to demonstrate how Industrial AI, analytics and modern web technologies can improve decision-making across mining and manufacturing operations.
This project combines domain expertise in mining with modern frontend technologies to create executive-ready digital experiences.
Turning Mining Data into Decisions Through Digital Investigations.
A premium digital storytelling platform for the mining and cement industry. Each episode transforms operational data into an executive-level investigation — not a dashboard, not a report. A digital investigation that reveals hidden cost leakages, root causes, and business impact.
Live Site: shubhambala.github.io/mining-intelligence-lab
- 📊 Executive Dashboards
- 🤖 Industrial AI Concepts
- ⛏️ Mining Analytics
- 🛡️ Safety & EHS
- 💧 Sustainability & Water Intelligence
- 📈 KPI Visualization
- 📱 Responsive Design
| Dashboard | Preview |
|---|---|
| Home | Coming Soon |
| Episode 01 | Coming Soon |
| Episode 02 | Coming Soon |
| Episode 03 | Coming Soon |
-
✅ Mining Intelligence Lab
-
✅ Interactive Dashboards
-
✅ Water Intelligence Platform
-
⏳ Industrial AI Pulse
-
⏳ Knowledge Hub
Most mining operations run dashboards. MIL runs investigations.
Traditional Analytics: Data → Dashboard → User
MIL: Problem → Investigation → Discovery → Root Cause → Business Impact → Decision
Every episode answers five questions:
- What is happening?
- Why is it happening?
- What is hidden?
- What is the business impact?
- What should be done next?
Episode 01 — The Hidden Cost Puzzle
File: index.html · URL: /
Record Production. Falling Profitability. The ₹17/T Mystery.
- Mine type: Generic open-cast, 5.5 MTPA
- Total leakage discovered: ₹17/T → ₹9.35 Cr/year
- Prime suspect: Haulage inefficiency (₹10/T)
- Navigation: Scroll-based (screens #s1–#s11)
- Accent: Orange
#f97316
| Cost Driver | ₹/T |
|---|---|
| Fragmentation variability | ₹3 |
| Loading efficiency | ₹2 |
| Haulage (idle + road + queue + payload) | ₹10 |
| Crusher & plant interface | ₹2 |
File: episode2.html · URL: /episode2.html
Limestone Everywhere. Water Nowhere. The ₹19/T Betrayal.
- Mine type: Cement / Limestone, 3 MTPA cement plant
- Location context: Rajasthan belt, India
- Total water cost: ₹18.2/T → ₹8.2 Cr/year
- Key discovery: Water Accounting Confidence™ = 44/100
- Unaccounted water loss: 38% of 1,132 ML/year = 434 ML
- Prime suspect: Open Pond Storage + Unlined Roads (₹5.8/T)
- ROI: ₹1.7 Cr investment → ₹6.12 Cr/year → 3.4 month payback
- Navigation: Screen-by-screen JS (screens 1–11)
- Accent: Cyan
#22d3ee
File: episode3.html · URL: /episode3.html
- Focuses on power and energy costs in cement grinding operations
- Navigation: Screen-by-screen JS
- Accent: Orange/energy theme
File: episode4.html · URL: /episode4.html
- Focuses on metal recovery losses in mineral processing
- Navigation: Screen-by-screen JS
File: industrial-ai-pulse.html
- Limestone Impact Crusher AI Solution Proposal
- Targets blow bar wear prediction and crusher performance intelligence
mining-intelligence-lab/
├── index.html ← Episode 01 — The Hidden Cost Puzzle
├── episode2.html ← Episode 02 — The Water Visibility Puzzle
├── episode3.html ← Episode 03 — The Energy Visibility Puzzle
├── episode4.html ← Episode 04 — The Recovery Intelligence Puzzle
├── industrial-ai-pulse.html ← IC-01 Blow Bar Intelligence (AI Proposal)
├── 01_Hero_Excavator_Loading.jpg ← Ep01 background
├── 02_Drilling.png ← Ep01 background
├── 03_Excavator_Face.png ← Ep01 background
├── 04_Haul_Road.png ← Ep01 background
├── 05_Crusher_Hopper.png ← Ep01 background
├── profile pic.png ← Creator avatar (credits screen)
├── MIL_CLAUDE_CODE_CONTEXT.md ← AI session context file
└── README.md ← This file
| Token | Hex | Usage |
|---|---|---|
--navy |
#04111f |
Primary background |
--deep |
#071e34 |
Card backgrounds |
--cyan |
#22d3ee |
Data & Intelligence (Ep02 accent) |
--orange |
#f97316 |
Discoveries & Findings (Ep01 accent) |
--white |
#f1f5f9 |
Key messages |
--green |
#22c55e |
Positive KPIs |
--red |
#ef4444 |
Negative KPIs |
--amber |
#eab308 |
Warning KPIs |
- Font:
Segoe UI, Arial, sans-serif - Hero numbers:
clamp(60px, 10vw, 130px)weight 800 - Eyebrow labels:
10–11px,letter-spacing: 3px, uppercase - Body:
13–15px,line-height: 1.7
- Hero — Full-bleed image, paradox headline, 3 key stats
- Executive Brief — Dark background, 3–6 KPI cards
- Evidence — Image backdrop, evidence card, investigator note, strength bar
- Discovery — Key proprietary metric revealed
- Prime Suspect — Large pulsing ₹/T figure, 4 sub-factor grid
- Verdict — Single giant number, breakdown bar chart
- Financial Consequence — Annual crore figure, payback math
- Reframe — Two-line contrast: white line + accent line
- Closing Principle — "Great mines don't X. Great mines Y."
- Credits — Creator profile, LinkedIn CTA
- Screen-by-screen JS (not scroll-based)
- Desktop: mousewheel triggers next/prev (700ms debounce)
- Mobile: swipe left/right triggers next/prev (50px min, 400ms max)
- Transitions: cinematic slide + fade (460ms cubic-bezier)
- Fixed HUD: episode + screen counter (top-left), running metric (top-right)
- Fixed nav bar: Previous | dot indicators | Continue
- Particle canvas: 110 connected floating dots (cyan + orange)
- Flying SVG vectors: droplets, charts, hexagons, waves, pipelines
- Content entrance:
.anim-up,.anim-fade,.anim-leftwith staggered delays - Background drift: radial gradient blobs on dark screens
- Scan line: subtle horizontal sweep on image screens
| Episode | Title | Focus |
|---|---|---|
| 05 | The Fleet Productivity Puzzle | Fleet dispatch and utilisation |
| 06 | The Grade Variability Puzzle | Grade control and ore losses |
| 07 | The Maintenance Intelligence Puzzle | Reactive vs predictive maintenance |
- Single HTML files — every episode is fully self-contained (no build step, no dependencies to install)
- Charts: Chart.js 4.4.1 via cdnjs — dark theme, cyan/orange palette
- Backgrounds (Ep02+): Unsplash URLs (no local image files needed)
- Company names: always anonymised — Mine Alpha, Mine Beta, Mine Gamma (no real disclosures)
- Mobile: all grids collapse to single column below 680px
Shubham B — Mining & Cement Industry · Strategy & Digital Intelligence
Operational Excellence · Mine-to-Market Strategy · AI & Data Transformation · Cost Intelligence · Executive Decision Support
- LinkedIn: linkedin.com/in/shubhambala
- GitHub: github.com/shubhambala
Mining Intelligence Lab™ — Digital Investigations for the Mining Industry.