twedl

If we list all the natural numbers below 10 that are multiples of 3 or 5, we get 3, 5, 6 and 9. The sum of these multiples is 23. Find the sum of all the multiples of 3 or 5 below 1000.

I start with the example of N=150. The algorithm:

1. Set sum to 0.
2. Loop from n=1 to N.
   1. if n is divisible by 3 or 5, add n to sum.

Things to consider:

1. Do I want to match the algorithm perfectly? Then there wouldn't be different colours or levels, just "Add" or "Ignore".

twedl

Map of BC population by census subdivision, inspired by Mike Bostock's Let's Make A Bubble Map.

Hover over a bubble to check a subdivision's Name and Population.

Get shapefiles from http://www12.statcan.gc.ca/census-recensement/2011/geo/bound-limit/bound-limit-2011-eng.cfm. Then import into QGIS, select features by Province==BC (e.g., 'PRUID'='59'). Then topojson together with census subdivision population data, also from statcan.

twedl

Map of Canada's population by census subdivision, inspired by Mike Bostock's Let's Make A Bubble Map.

Hover over a bubble to check a subdivision's Name and Population. Zoom in (using browser zoom, CTRL+ or CMD+) for more detail.

Get shapefiles from http://www12.statcan.gc.ca/census-recensement/2011/geo/bound-limit/bound-limit-2011-eng.cfm. Then topojson together with census subdivision population data, also from Statistics Canada.

twedl

A bubble map of the US population by county. Adapted from Mike Bostock's Let's Make a Bubble Map.

twedl

Each new term in the Fibonacci sequence is generated by adding the previous two terms. By starting with 1 and 2, the first 10 terms will be:

1, 2, 3, 5, 8, 13, 21, 34, 55, 89, ...

By considering the terms in the Fibonacci sequence whose values do not exceed four million, find the sum of the even-valued terms.

This time I'm going to try to highlight the algorithm more. I.e., type out the algorithm next to the diagram and highlight which part is working.

Looks like the style for complex animations is (see this block). Chained transitions! Global variables to iterate over. Then:

1. setTimeout(function () { ... })

twedl

Visualize an Erdos-Renyi random graph.

Some resources: Many examples from Mike Bostock and D3 Noob, and here.

twedl

Visualize an Erdos-Renyi random graph, dynamically. (That is, the visualization is dynamic, not the graph.)

Some resources: Many examples from Mike Bostock and D3 Noob, and here.

twedl

Draw a ring-lattice with links to each node's nearest neighbours (distance <=2).

twedl

Visualize a dynamic uniform attachment model.

twedl

Visualize a dynamic preferential attachment model.