Skip to main content
100%

Gist 3a15019e7485e512117d4a041eb217dd

✓ Published0🌍 Public
Aakeshavan
Last edited Apr 9, 2017
Created on Apr 9, 2017

An interactive WebGL visualization displays a partially transparent human brain surface model, rendered in white with a randomized pattern of fully transparent faces that create a mesh-like see-through effect. The scene uses Three.js with the VTKLoader to load a FreeSurfer curvature dataset, applying dual materials—one opaque and one fully transparent—to individual faces. TrackballControls enable rotation, zoom, and panning, while a directional light and stats monitor support the animated 3D exploration.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist 4cf3c4c310294014302aa98c31600f32

This example displays a cortical surface mesh from a VTK file using pythreejs, a Jupyter widget library that wraps Three.js. It shows the brain’s left hemisphere pial surface colored by travel depth values, read with `read_vtk` from mindboggle.mio. The code builds a `FaceGeometry` from vertex and face arrays, applies a `LambertMaterial`, and renders the mesh in a `Scene` with `AmbientLight` and a `PerspectiveCamera`. Users can rotate the model interactively via `OrbitControls`.

Aakeshavan
79% match
Loading thumbnail…

Fork of 3D Brain Structure Interactive

This interactive 3D brain model visualizes the human brain’s major anatomical structures, each color-coded and clickable to reveal its function in an info panel. Built with Three.js and OrbitControls, the scene uses CSS2DRenderer for labels and includes toggleable neuron views and a detailed neuron display. The static, stylized anatomical layout is defined in code rather than derived from external data, with WebGL rendering and smooth camera controls for exploration.

Cclaireconeclark@icloud.com
74% match
Loading thumbnail…

3D Brain Structure Interactive

This interactive 3D visualization presents the human brain as a collection of clickable anatomical structures, each accompanied by a description of its function. Built with Three.js and the OrbitControls and CSS2DRenderer add-ons, it allows rotation, zooming, and selection. The model also includes views of neuron clusters and a detailed single neuron with labeled parts, toggled via buttons. Data for brain regions and neuron types is hardcoded in the main script.

NNita
73% match
Loading thumbnail…

Gist 8232daa7d3b24a25b9f7566ff1da4522

This WebGL visualization uses p5.js to render a dynamic 3D scene composed of primitive shapes, including planes, boxes, spheres, cylinders, cones, ellipsoids, and toruses. The code applies normalMaterial to map normal vectors to RGB colors, with ambient and directional lighting enhancing the depth of each geometry. Through camera positioning and rotation transformations, the shapes appear to float and spin in space. The example demonstrates p5.js’s WEBGL renderer capabilities for creating three-dimensional compositions from basic geometric primitives, highlighting the library’s built-in shape functions and material systems.

Aabonello
72% match
Loading thumbnail…

Brain Structure Interactive Explaining Functions of the different parts of the brain

This interactive 3D brain model displays anatomical structures such as the cerebral cortex, cerebellum, and brain stem, with clickable regions that reveal each part’s function in an information panel. Built with Three.js, it uses OrbitControls for rotation and zoom, CSS2DRenderer for labels, and WebGL for rendering. A set of predefined geometric shapes represents the brain regions, adjacent to procedurally placed neuron clusters visualized as simple particles.

NNita
72% match
Loading thumbnail…

Brain Structure

This interactive 3D visualization displays an anatomically positioned human brain with thirteen selectable structures, including the cerebral cortex, cerebellum, and amygdala. Each labeled region uses distinct colors and responds to clicks with an information panel describing its function. Built with Three.js, CSS2DRenderer for labels, and OrbitControls, the model supports drag rotation, auto-rotation, and scroll zooming. The scene uses multiple light sources to highlight the geometric shapes that represent each brain part.

NNita
71% match
Loading thumbnail…

Gist 5c36e7318dd5c85aa743

This visualization displays a 16-slice mosaic of brain MRI scans across three orthogonal planes (x, y, z), with yellow contour lines outlining anatomical labels from a segmentation. The code loads NIfTI brain images and masks via nibabel, masks background data with NumPy masked arrays, and uses nipy’s `plot_anat` and `contour_map` to render slices with matplotlib subplots. It computes bounding boxes from the affine transformation to select meaningful cut coordinates, then arranges the slices in 4×4 grids per plane. The function supports optional contouring and saving each mosaic as a PNG image.

Aakeshavan
71% match
Loading thumbnail…

Fork of Brain Structure Interactive Explaining Functions of the different parts of the brain

This interactive visualization displays the human nervous system as a detailed 3D model, featuring the central and peripheral nervous systems, spinal cord, and neuron structures. The visualization uses Three.js for 3D rendering, with OrbitControls for navigation and CSS2DRenderer for dynamic labels. Users can rotate, zoom, and click on any anatomical structure to view its function in an information panel. A dropdown menu switches between different nervous system views, and buttons toggle additional details or neuron-specific visualizations. The code defines over a dozen brain region objects, including the cerebral cortex, amygdala, and hippocampus, each with positional data, scale, color, and explanatory text.

NNita
71% match