Not an Ideal Gas

100%

Not an Ideal Gas

✓ Published0🌍 Public

Last edited Nov 20, 2016

Created on Nov 19, 2016

A simulation of 800 particles in a box with a central gap shows how the mean squared velocity evolves over time, plotted as a line chart below. The gap’s aperture shrinks as the simulation cools, and clicking the canvas restarts the process. The code uses `d3.forceSimulation` with a custom `forceCollide` and `velocityDecay`, plus custom bounce and barrier forces. Rendering combines Canvas for the particles and a d3 `area` path on SVG for the speed trace.

AI-generated description

Trying to make sense of the energy parameters of a simple simulation. forceCollide tends to inject energy into the system, while velocityDecay() removes some.

So, when the density of dots is low, energy tends to decrease; if it's high, energy diverges.

forked from <a href='http://bl.ocks.org/Fil/'>Fil</a>'s block: <a href='http://bl.ocks.org/Fil/9264bfa00929b7ec762e21232baf7558'>Brownian Motion Constrained in Rectangle</a>

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Circular Vortex Emergence

A dense cluster of a thousand particles circulates within a circular boundary, with their motion shaped by a D3 force simulation that balances collision, velocity decay, and a speed-limiting force. Clicking introduces a central vertical barrier that temporarily divides the system, altering particle trajectories and energy distribution. The simulation runs on a Canvas, with real-time red and green line charts at the bottom tracking the average squared velocities of particles on each side of the divider. The code uses `d3.forceSimulation`, custom force functions, `d3.scaleLinear`, and Canvas 2D rendering.

PPhilippe Rivière

79% match

Loading thumbnail…

Vortex Emergence

A simulation of 4,000 particles in a divided container shows energy dynamics: the left side maintains a swirling vortex, while the right side disperses into chaotic motion. A barrier with a gap controls particle flow between halves. The visualization tracks and plots mean squared velocities for each side as red and green line charts below. Built with D3 v4, it uses `d3.forceSimulation` with custom forces for collision, bouncing, and speed limits, rendering particles on Canvas and the energy charts as SVG paths.

PPhilippe Rivière

78% match

Loading thumbnail…

Brownian Motion Constrained in Rectangle

A canvas displays 200 particles performing Brownian motion inside a rectangle, bouncing elastically off its boundaries. The simulation uses d3.forceSimulation with custom forces for random motion and container collision, plus d3.forceCollide to prevent overlaps. A Voronoi diagram, computed with d3.voronoi, generates an Urquhart graph—its edges are drawn as thick gray lines beneath thin black ones, with white-stroked yellow dots marking each particle. Clicking drags the first node, restarting the simulation.

PPhilippe Rivière

75% match

Loading thumbnail…

Untitled

This example visualizes a dynamic, two-dimensional particle system where thousands of glowing points drift and collide within a bounded rectangular field. It shows the emergent patterns of clustering and dispersion as forces of attraction and repulsion act on the particles over time. The code uses `d3.forceSimulation` with custom force functions to manage particle velocities and positions, rendering each frame to an HTML5 Canvas. Particle trails are created by semi-transparent redraws, and the interaction of the forces produces a fluid, organic motion across the display.

Ssnowswirlin

74% match

Loading thumbnail…

Particle collision

A swarm of 1,500 glowing particles falls and collides within shifting circular walls and a planet-like boundary, leaving colorful motion trails on a black canvas. The simulation uses `d3.forceSimulation` with custom collision, gravity, and wall-locking forces, rendered via Canvas 2D. Two particle groups cycle through D3 color interpolators (e.g., `d3.interpolateViridis`, `d3.interpolateMagma`), and randomized settings for radius, gravity, and palette timing make each reload unique.

FFrissAnalytics

74% match

Loading thumbnail…

Collision test with D3 4.0

Five particles in a D3.js 4.0 force-directed simulation demonstrate the inelastic nature of the built-in `collide` force. Two distinct sizes—four large dust particles and one small gas molecule—move and bounce within a bounded Canvas, colliding with each other and a vertical wall. The simulation runs via `d3.forceSimulation` with a `d3.forceCollide` radius function. Unlike elastic collisions, momentum is conserved but kinetic energy is not, as visible in the particle velocities after impacts. The particles are rendered as red, outlined circles on a transparent Canvas.

FFrissAnalytics

72% match

Loading thumbnail…

Déménagement 1

Eight thousand points drift outward from the center of a canvas, then pause and leap in random directions, leaving a faint ring before settling into a second, radial distribution. The simulation uses `d3.forceSimulation` with a custom force that randomly repositions particles via `d3.randomLogNormal`, while a separate rendering loop draws the points as black and grey circles. A circular reference path is stroked to indicate the target radius, and the logarithmic scale maps coordinates to screen positions.

PPhilippe Rivière

72% match

Loading thumbnail…

Test 2

This visualization shows a physics-based particle simulation where colored nodes move and collide within a bounded rectangular space. The code uses d3.forceSimulation with collision and forceX/forceY forces to drive the motion, rendering the particles on an HTML5 canvas via Canvas 2D context paths. Each node is assigned a random color and velocity, and the simulation updates continuously using requestAnimationFrame, drawing circles with varying radii as the forces stabilize the layout.

LLeonardonline

72% match