A simple demo of k-means clustering. The little squares are the observations and the cirles are the centroids. Press the 'Step:' button to step through the algorithm. Restart const K = 3; const WIDTH = 500; const HEIGHT = 500; const RADIUS = 0.1; const STEP1 = 'Step 1: Assign observations to clusters.'; const STEP2 = 'Step 2: Update centroids.'; const COLORS = ['darkgreen', 'blue', 'darkorange', 'red', 'purple']; let ctx = document.

This is just D3 and L-Systems with live controls, but now state is managed by Redux. Oh, and also arrow functions, because they're available everywhere I care about. I've been reading about Redux and wanted to try it out. It seems nice, as it forced me to consolidate everything about page state, which caused me to clean up the code quite a bit. I like that in a tool.

The rural areas of North Carolina are emptying out. .tooltip { position: absolute; width: 200px; height: 28px; pointer-events: none; } text { font-size: 15px; } North Carolina County Population vs Count Population Growth Rate (2010 - 2014).Click on the graph to toggle between population density and county population. North Carolina is not immune to Rural Flight, nor is it a special victim, as the phenomenon is happening world wide.

img { vertical-align: baseline; } th { background: #fff; } Geometric Algebra can be applied to Physics, and many of the introductions to GA online cover this, but they immediately jump to electromagnetic fields or quantum mechanics, which is unfortunate since GA can also greatly simplify 2D kinematics. One such example is uniform circular motion. You should be familiar with all the concepts presented in An Introduction to Geometric Algebra over R^2before proceeding.

img { vertical-align: baseline; } th { background: #fff; } body { counter-reset: h3; } h3 { counter-reset: h4; } h4 { counter-reset: h5; } h5 { counter-reset: h6; } h3:before { counter-increment: h3; content: counter(h3) '. '; } h4:before { counter-increment: h4; content: counter(h3) '.' counter(h4) '. '; } h5:before { counter-increment: h5; content: counter(h3) '.' counter(h4) '.' counter(h5) '. '; } h6:before { counter-increment: h6; content: counter(h3) '.

To get an idea of voter suppression in action let's overlap the The Racial Dot Map with Wake County's early voting locations.

.plot { border-bottom: solid lightgray 1px; border-left: solid lightgray 1px; margin: 1em 0; } canvas { display: block; } button { min-width: 5.14em; background-color: #fff; color: #1f78b4; text-align: center; text-transform: uppercase; outline: none; border-radius: 3px; padding: 0.6em 1.2em; border: solid lightgray 1px; margin: 0.6em; } button:hover { background: #eee; } button:focus { background-color: #ddd; transition: background-color 0.1s cubic-bezier(0.4, 0, 0.2, 1); } select, input, label { margin: 0.6em 0 0.

Reilly has been learning Javascript, and one of the projects he wanted to do was a snow simulation. I guess growing up in the south snow is a rare and wonderous event for him. window.onload = function () { var canvas = document.getElementById('snow'); var ctx = canvas.getContext('2d'); var W = canvas.width; var H = canvas.height; var angle = 0; var mp = 10; var snowLine = []; for (var i = 0; i W) { p.