Simulation of an orbitting body using the D3 force-directed physics engine.
height: 750 | |
border: no |
license: mit |
license: mit |
license: mit |
license: mit |
Pretty strange behavior in Internet Explorer 9, 10, 11. The red arc has dimensions 1000x smaller than the blue, but is scaled up 1k times, therefore is visually equivalent. The mouse events on the red arc get incorrectly triggered on the whole rectangular bounding box that encompasses the arc, while for the blue only over the fill area as expected. Malfunction found only on IE browsers.
Edge bug reported at: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9481381/
This sample distribution exploratory tool uses a combination of Histogram, Rug, Kernel Density and CDF plots to represent the statistical spread of input data.
Options are exposed to manipulate the width of the histogram bins and the type of value scale to use (linear vs log base 2). Enabling the CDF representation adds a secondary Y axis with the cumulative values.
Zoom on the X axis by click-dragging on the graph.
Simulation of attraction-of-opposites particles, similar to the interaction between protons and electrons.
Uses D3's force plugin forceMagnetic to simulate the asymmetrical attraction/repulsion of objects in an inverse-square relationship with distance. Further, particles are prevented from overlapping by applying a non-elastic collision force using forceBounce.
Using the slider controls you can add/remove particles to the system, and regulate the ratio of positive (+) vs negative (-) particles.
DIY force simulation using d3-force-pod.