Advanced Voxel MRI Process Simulator

Explore a simplified 3D spin-echo MRI sequence with voxel spins, RF pulses, relaxation, and timing controls.

What this tool does

This educational Three.js simulation visualizes a synthetic voxel body model in a main magnetic field (B0). As the scan runs, the scene illustrates precession, 90° excitation, 180° refocusing, T1/T2 relaxation, and the resulting spin-echo timing.

Who this is for

• Students learning the sequence of events in a simplified spin-echo scan
• Educators demonstrating TR, TE, RF pulses, and relaxation visually
• Developers and imaging enthusiasts exploring a browser-based 3D simulation

How to use this tool

1. Adjust TR from 200–5000 ms and TE from 10–500 ms with the sliders.
2. Set visual noise from 0–0.5 and simulation speed from 0.1×–5×.
3. Click Start Scan to run the sequence and watch the status, timeline marker, pulse markers, and voxel motion.
4. Click the button again to stop, or change a parameter to reset the simulation with the new timing.
5. Orbit the 3D scene with the pointer or touch controls to inspect the voxel model.

Inputs

Inputs are TR, TE, noise, and simulation speed. The page uses a built-in synthetic voxel model with simplified tissue parameters; it does not accept DICOM files, patient scans, or user-supplied tissue measurements.

Outputs

The WebGL canvas shows the voxel spins, their orientation and relaxation, colored 90° and 180° RF-pulse indicators, and a cyan spin-echo signal. The timeline marks TE/2, TE, and the current point in the TR cycle, while the status label reports the current simulation phase.

Example use cases

• Compare how shorter or longer TR and TE change the simulated sequence timing
• Demonstrate why a 180° refocusing pulse appears at TE/2
• Use a rotatable 3D visualization to introduce MRI physics concepts

Frequently asked questions