DRIFT-SENSE is an interactive front-end prototype designed to simulate how a navigation error recovery system could detect and correct tiny beam-drift errors during Scanning Electron Microscope (SEM) wafer imaging.
The idea is simple: upload a SEM wafer image, choose a matching algorithm, and let DRIFT-SENSE run through a simulated inspection process. The dashboard shows confidence levels, estimated drift, correction vectors, and a visual heatmap — all inside a real-time instrument-style interface.
Note: DRIFT-SENSE is currently a front-end prototype. There is no backend or real image-processing pipeline. The analysis results are deterministically simulated in the browser using properties of the uploaded file. Your image never leaves the browser.
DRIFT-SENSE provides three simulated matching approaches:
- NCC — Fast and lightweight, suitable when speed matters.
- Feature-Based — A balanced approach between speed and accuracy.
- Hybrid AI — The most accurate simulated method, designed for more challenging images.
Each algorithm has its own characteristics, recommended parameters, and performance profile.
The system automatically suggests parameters based on the uploaded image, including:
- Patch size
- Search radius
- Matching threshold
- Recommended matching method
The suggestions are generated from properties such as image resolution, compression, and aspect ratio.
After a simulation is run, the dashboard visualizes the estimated drift through:
- Confidence heatmaps
- Animated bounding boxes
- Drift direction compass
- Correction vectors
- Confidence scores
- Noise and drift indicators
This makes the simulated inspection process easier to understand at a glance.
Every analysis can be saved in the session history.
The dashboard supports up to 16 previous runs, including:
- Run thumbnails
- Confidence trends
- Drift measurements
- Comparison tables
- Mini trend charts
This makes it easy to compare different algorithms or images.
DRIFT-SENSE also includes an algorithm guide where you can compare the three matching methods using:
- Radar charts
- Benchmark bars
- Strengths and weaknesses
- Recommended use cases
- Parameter guidance
The interface currently supports:
- English
- हिन्दी
- தமிழ்
- Français
The SEM image viewer supports mouse-wheel zooming and click-and-drag panning so you can inspect different parts of the image more easily.
DRIFT-SENSE is built entirely on the front end using:
- React 18 — UI and application logic
- TypeScript — Type-safe development
- Vite 6 — Development and production builds
- Tailwind CSS 4 — Styling
- Recharts — Radar and benchmark charts
- Lucide React — Icons
- HTML Canvas — Heatmap, bounding box, and drift visualization
You'll need:
- Node.js 18 or newer
- npm or pnpm
Clone the project and install the dependencies:
npm iStart the development server:
npm run devVite will provide a local URL, usually:
http://localhost:5173/
Open that URL in your browser and you're ready to go.
To create a production build:
npm run buildThe optimized files will be generated inside:
dist/
Because DRIFT-SENSE is completely client-side, the generated dist folder can be deployed to any static hosting platform.
You can deploy the project using platforms such as:
- Netlify
- Vercel
- GitHub Pages
- Cloudflare Pages
- Amazon S3 + CloudFront
For platforms that support Vite directly, use:
Build command
npm run buildOutput directory
dist
src/
├── app/
│ ├── App.tsx
│ └── components/
│ ├── ui/
│ └── figma/
│
├── imports/
│ └── Background video assets
│
├── styles/
│ └── Global styles and Tailwind entry
│
└── main.tsx
index.html
vite.config.ts
Most of the application logic, simulation behaviour, screens, and dashboard UI are handled inside App.tsx.
The dashboard uses a background video stored inside:
src/imports/
If you replace the video, make sure the filename in the import inside App.tsx exactly matches the file on disk.
File names are case-sensitive, so even a small difference can cause the video to stop loading during the Vite build.
DRIFT-SENSE does not upload your images to a server.
There is currently:
- No backend
- No database
- No external image-processing API
- No cloud image storage
The simulation runs entirely in the browser.
The analysis values are generated deterministically from the uploaded file's properties, which means the same file will produce consistent simulated results.
DRIFT-SENSE is a conceptual front-end prototype, not a production SEM navigation or metrology system.
The drift detection, confidence scores, correction vectors, heatmaps, and algorithm benchmarks are simulated for demonstration purposes.
They should not be interpreted as measurements from a real SEM instrument or as actual wafer-inspection results.