Using calendar_heatmap to make multiple heatmaps. Adapted from http://bl.ocks.org/mbostock/4063318.
Built with blockbuilder.org
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Kernel Density Estimation</title> | |
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,800' rel='stylesheet' type='text/css'> | |
<style> | |
.density-chart { | |
font: 10px 'Open Sans', sans-serif; | |
} | |
Using calendar_heatmap to make multiple heatmaps. Adapted from http://bl.ocks.org/mbostock/4063318.
Built with blockbuilder.org
An example of the d3.geom.contour plugin.
[{"day":"2013-01-01","fatalities":14},{"day":"2013-01-02","fatalities":36},{"day":"2013-01-03","fatalities":28},{"day":"2013-01-04","fatalities":20},{"day":"2013-01-05","fatalities":11},{"day":"2013-01-06","fatalities":34},{"day":"2013-01-07","fatalities":7},{"day":"2013-01-08","fatalities":20},{"day":"2013-01-09","fatalities":10},{"day":"2013-01-10","fatalities":11},{"day":"2013-01-11","fatalities":20},{"day":"2013-01-12","fatalities":29},{"day":"2013-01-13","fatalities":19},{"day":"2013-01-14","fatalities":15},{"day":"2013-01-15","fatalities":17},{"day":"2013-01-16","fatalities":13},{"day":"2013-01-17","fatalities":8},{"day":"2013-01-18","fatalities":26},{"day":"2013-01-19","fatalities":11},{"day":"2013-01-20","fatalities":15},{"day":"2013-01-21","fatalities":25},{"day":"2013-01-22","fatalities":11},{"day":"2013-01-23","fatalities":28},{"day":"2013-01-24","fatalities":7},{"day":"2013-01-25","fatalities":27},{"day":"2013-01-26","fatalities":21},{"day":"2013-01-27","fatalities":24},{"day":"2013-01-28","fatali |
<html> | |
<head> | |
<title>Summary Tiles Example</title> | |
<link href='https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic' rel='stylesheet' type='text/css'> | |
<script src="https://unpkg.com/axios/dist/axios.min.js"></script> | |
<script type="text/javascript" src="https://d3js.org/d3-selection.v1.min.js"></script> | |
<script src="https://unpkg.com/d3-summary-tiles/build/d3-summary-tiles.min.js"></script> | |
</head> |
license: gpl-3.0 |
Simulation of collision between moving particles with different masses inside a container, using the d3-force physics engine.
Uses two elastic collision forces, d3.forceBounce to handle elastic collisions between nodes, and d3.forceSurface for collisions with the container walls.
You can reduce the elasticity (coefficient of restitution) of the particles using the slider on the upper-left, causing kinetic energy to be lost at every collision. Elasticity of 1 indicates a pure elastic collision, while a value of 0 will cause particles to stick to each other along the collision axis.
license: mit | |
height: 600 |
license: gpl-3.0 | |
height: 600 |
license: gpl-3.0 | |
height: 200 |