David Bumbeishvili bumbeishvili

Example for the Stackoverflow question: How can I contain D3 JS animation within a container

The balls use a modified version of the D3.js Force Layout. Parts of the code, such as the collision function are taken from Mike Bostock's example Multi-Foci Force Layout.

The example lacks of a method to avoid the leak of circles when the collision algorithm and the container object detection act together.

Convert image to a somewhat NES-style image:

Get the colors of each square of n pixels.
Convert those colors from RGB to LAB and average them.
Round that color to the closest color in the NES palette.
Convert back to RGB and set all n pixels to that color.

	<!DOCTYPE html>
	<head>

	<meta charset="utf-8">
	<script src = "https://feyderm.github.io/d3/d3.js"></script>
	<script src = "https://feyderm.github.io/d3/hexbin/hexbin.js"></script>
	<script src = "https://feyderm.github.io/d3/d3-legend-master/d3-legend.js"></script>
	<script src = "https://feyderm.github.io/js/viridis_colors.js"></script>

	</head>

	license: mit
	height: 620
	border: no

	license: mit
	height: 320
	border: no

	license: mit
	height: 500
	border: no