Problem
Instrumentation engineers still spend time translating P&IDs into tag lists, topology, and HMI drafts by hand.
archive case study
Vision2DCS
A multimodal industrial AI prototype that interprets P&IDs and drafts structured engineering outputs, topology views, and HMI-oriented concepts.
Quick technical review
The case study in four points.
Architecture
The prototype uses React, TypeScript, Vite, React Flow, and Gemini-based multimodal analysis to turn diagrams into explorable engineering outputs.
Results
Parses uploaded process diagrams with Gemini-powered multimodal analysis.
Verification path
Inspect the React Flow topology layer and technical guide for the strongest proof.
Summaries reuse the project’s documented evidence. Review the complete case study for evaluation boundaries.
Evidence-led visual review
Explore the actual work.
Concept art, dated captures and repository figures are identified separately.
Portfolio illustration
Original portfolio illustration. Diagrams are conceptual; verified methods and results appear in the linked case study. This is not an application screenshot.
Project proof
Verified external evidence
Last verified 2026-10-05
Problem and approach
Problem
Instrumentation engineers still spend time translating P&IDs into tag lists, topology, and HMI drafts by hand.
Architecture
The prototype uses React, TypeScript, Vite, React Flow, and Gemini-based multimodal analysis to turn diagrams into explorable engineering outputs.
Workflow logic
It parses uploaded process diagrams, extracts engineering concepts, and drafts HMI or topology views aligned with DCS-style thinking.
Why it matters
AI engineering evidence for multimodal input: Gemini reads a process diagram image, and the application turns that output into structured, explorable engineering artefacts rather than free text.
Architecture and analysis
- Connects multimodal AI to a structured engineering workflow instead of generic image reasoning.
- Makes the output explorable and reviewable via React Flow views.
- Supports the archive with a strong engineering-tool concept layer.
Testing and validation
- Gemini-powered diagram interpretation layer
- Structured instrumentation output and topology views
- Technical guide documenting engineering intent
Operational value
- Parses uploaded process diagrams with Gemini-powered multimodal analysis.
- Extracts instrumentation concepts into structured engineering data.
- Drafts HMI and topology views with React Flow components.
How to inspect
- Inspect the React Flow topology layer and technical guide for the strongest proof.
- Treat it as archive evidence for interface thinking rather than a production export pipeline.