100%

Nervous System Simulation

✓ Published0🌍 Public

Last edited Apr 4, 2025

Created on Apr 4, 2025

This interactive WebGL visualization depicts a simulated neural network as a glowing three-dimensional mass of branching neurons and curved connections. Users can click any neuron to trigger it, sending luminous signal pulses that travel along quadratic Bézier curve connections to neighboring cells. Built with Three.js and OrbitControls, the scene uses ray casting for neuron selection and an object-pooling system for efficient pulse rendering. A control panel allows real-time adjustment of firing rate, signal speed, and pulse size.

AI-generated description

Neural Network Simulation

An interactive 3D visualization of a neural network using Three.js. This simulation creates a visually stunning representation of neurons and their connections with realistic signal propagation.

Features

Realistic Neural Structure: Neurons are organized in a central core with radiating branches
Signal Propagation: Visual representation of neural signals traveling between neurons
Dynamic Firing: Neurons fire spontaneously or when receiving signals
Interactive: Click on any neuron to manually trigger it
Performance Optimized: Uses object pooling for signal visualization
Adjustable Parameters: Control firing rate and signal speed in real-time
Responsive Design: Adapts to different screen sizes

Controls

View Navigation:
- Rotate: Click and drag
- Zoom: Mouse wheel
- Pan: Right-click and drag
Neuron Interaction: Click directly on any neuron to trigger it
Simulation Controls: Use the panel in the top-right corner to adjust parameters
- Firing Rate: Controls the probability of spontaneous neuron firing
- Signal Speed: Adjusts how quickly signals propagate through the network
- Pulse Size: Change the size of signal pulses
- Trigger Random Neurons: Manually activate random neurons
- Auto-Rotation: Toggle automatic camera rotation

Technical Details

The simulation is built using:

Three.js for 3D rendering
Object Pooling for efficient particle management
Quadratic Bezier curves for neural connections
Ray casting for interactive neuron selection

The simulation demonstrates principles of neural networks including signal propagation and the interconnected nature of neurons in a visually engaging way.

Browser Compatibility

The simulation works best in modern browsers that support WebGL and ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Spinal cord and Nerves

This interactive 3D visualization depicts the human nervous system as a dynamic transition between emptiness and form, drawing on the Buddhist Heart Sutra. Using Three.js with a particle system and wireframe representations, it displays neural structures such as the CNS, PNS, and spinal cord, which users can explore through rotation, zoom, and selection. A slider adjusts the morph between chaotic dissipating particles and structured anatomical forms, while CSS2D labels provide details on each structure.

NNita

76% 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

75% match

Loading thumbnail…

Spinal cord and Nerves

This interactive 3D model visualizes the human nervous system, presenting major anatomical structures like the brain, spinal cord, and peripheral nerves. Using Three.js with its OrbitControls and CSS2DRenderer, it renders anatomically detailed components including gray matter, dorsal root ganglia, and the cauda equina. Users can select different system views—Central Nervous System, Peripheral Nervous System, Neuron Structure, or Spinal Cord—through a dropdown menu, with clickable structures displaying functional descriptions. The visualization employs distinct color-coded regions for each anatomical part, with a detailed spinal cord view that includes vertebral structures, meningeal layers, and cross-sectional perspectives.

NNita

75% 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

75% 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

73% 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

71% match

Loading thumbnail…

Consciousness

A neural-network simulation renders emergent consciousness on an HTML5 Canvas using JavaScript, with neurons as glowing nodes and connections as animated lines. The system responds to mouse movement and clicks, while buttons trigger stimuli or self-reflection questions that generate text in a thought stream. A consciousness level indicator and sliders for energy and complexity control the simulation’s behavior. The canvas API draws the network in real time, with neurons activating and connections strengthening or decaying based on interaction.

NNita

71% match

Loading thumbnail…

Electrical Circuit

This interactive simulation shows a simple DC electrical circuit with a battery, resistor, LED, wires, and circuit board, along with animated yellow particles representing electron flow. A control panel adjusts voltage and resistance, toggles power, and switches between circuit and 3D views, with current and power readouts updating live. Built with Three.js and OrbitControls, the scene uses WebGL rendering with directional lighting, procedural geometry for components, and real-time animation driven by sliders.

NNita

69% match