ChemView is an open-source industrial HMI and digital twin prototype for a chemical mixing process. It demonstrates how modern web tooling can model telemetry, operator controls, communication traces, and safety interlocks in a single interface.
Demo: YouTube walkthrough
Portfolio role: archive proof
ChemView is kept as supporting evidence for industrial UX, HMI state modeling, and telemetry interface design. It strengthens the portfolio visually and product-wise, but it is not meant to compete with the lead case studies for Data + AI roles.
- Simulates a mixing tank process with live telemetry.
- Visualizes operator controls, trends, and communication logs in one HMI layout.
- Models safety interlocks for heating, mixing, and discharge workflows.
- Uses Next.js and React to present a fast portfolio-ready operator console.
- Next.js 15
- React 19
- TypeScript
- Tailwind CSS
- Recharts
- Genkit and Gemini for AI-assisted alert generation
npm install
cp .env.example .env
npm run devThe app runs on http://localhost:9002.
ChemView is archive proof for industrial UX, state modeling, and operator-centered front-end architecture rather than production PLC integration.
MIT