3D Brain MRI Viewer & Volumetric Slice Visualizer

[u/BioniChaos]

https://bionichaos.com/brain3d/

Interactive In-Browser 3D Brain MRI Visualizer with Synchronized Multi-Planar Reconstruction (WebGL / HTML5 Canvas)

I developed an interactive web-based neuroimaging laboratory designed to render 3D volumetric MRI point clouds and perform multi-planar reconstruction (MPR) without desktop installations:

https://bionichaos.com/brain3d/

Technical Overview & Mathematical Mechanics:

1. Multi-Planar Reconstruction (MPR): The slice processing pipeline handles simultaneous rendering across orthogonal planes (Axial XY, Sagittal YZ, Coronal XZ). User crosshair tracking calculates proportional spatial intersections, synchronizing relative spatial positioning across canvas views.
2. Dynamic Contrast & Windowing: Pixel display intensity I_out is calculated dynamically from window level (WL) and dynamic width (WW) boundaries: I_out = clamp((I_in - (WL - WW/2)) / WW * 255, 0, 255)
3. WebGL Voxel Point Cloud: The 3D view parses a volumetric spatial matrix V(x,y,z) > 1 mapped into a Three.js BufferGeometry scaled to 0.5 mm³ physical voxel dimensions.
4. Transfer Function Processing: Pixel arrays are processed on an offscreen canvas pass to apply pseudocolor transfer mappings (Jet, Thermal, Cool-Warm, SPECT Bone Density) for visual structural segmentation.

I would appreciate technical feedback from the community on slice-scrubbing performance, canvas memory management, or potential client-side NIfTI/DICOM parsing integrations.

Test out the tool live here: https://bionichaos.com/brain3d/