🏭 Mining Intelligence Lab

Industrial AI • Digital Transformation • Interactive Dashboards for Mining & Manufacturing

Overview

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

Key Capabilities

• 📊 Executive Dashboards
• 🤖 Industrial AI Concepts
• ⛏️ Mining Analytics
• 🛡️ Safety & EHS
• 💧 Sustainability & Water Intelligence
• 📈 KPI Visualization
• 📱 Responsive Design

Screenshots

Dashboard	Preview
Home	Coming Soon
Episode 01	Coming Soon
Episode 02	Coming Soon
Episode 03	Coming Soon

Roadmap

• ✅ Mining Intelligence Lab

• ✅ Interactive Dashboards

• ✅ Water Intelligence Platform

• ⏳ Industrial AI Pulse

• ⏳ Knowledge Hub

---

What This Is

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:

1. What is happening?
2. Why is it happening?
3. What is hidden?
4. What is the business impact?
5. What should be done next?

---

Episodes

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

---

Episode 02 — The Water Visibility Puzzle

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

---

Episode 03 — The Energy Visibility Puzzle

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

---

Episode 04 — The Recovery Intelligence Puzzle

File: episode4.html · URL: /episode4.html

• Focuses on metal recovery losses in mineral processing
• Navigation: Screen-by-screen JS

---

IC-01 — Blow Bar Intelligence (AI Solution Proposal)

File: industrial-ai-pulse.html

• Limestone Impact Crusher AI Solution Proposal
• Targets blow bar wear prediction and crusher performance intelligence

---

File Structure

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

---

Design System

Colors

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

Typography

• 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

Screen Types (per Episode)

1. Hero — Full-bleed image, paradox headline, 3 key stats
2. Executive Brief — Dark background, 3–6 KPI cards
3. Evidence — Image backdrop, evidence card, investigator note, strength bar
4. Discovery — Key proprietary metric revealed
5. Prime Suspect — Large pulsing ₹/T figure, 4 sub-factor grid
6. Verdict — Single giant number, breakdown bar chart
7. Financial Consequence — Annual crore figure, payback math
8. Reframe — Two-line contrast: white line + accent line
9. Closing Principle — "Great mines don't X. Great mines Y."
10. Credits — Creator profile, LinkedIn CTA

Navigation (Episodes 2+)

• 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

Animations

• Particle canvas: 110 connected floating dots (cyan + orange)
• Flying SVG vectors: droplets, charts, hexagons, waves, pipelines
• Content entrance: .anim-up, .anim-fade, .anim-left with staggered delays
• Background drift: radial gradient blobs on dark screens
• Scan line: subtle horizontal sweep on image screens

---

Planned Episodes

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

---

Technical Notes

• 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

---

Creator

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.