Kai syntagmatic

Heightmap with Hexagonal Binning

Each cell takes the mean value as its color.

Data scraped from VFINX 500 holdings on August 25, 2014.

We couldn’t find that file to show.

Based on the Treemap example.

Attempting to reimplement the stocks example from Cubism with the d3.horizon plugin.

A few notes so far:

d3.horizon does not expose d3.scales, which makes it hard to create axes
d3.horizon seems to expect an array of data which map to pixels. It would be more convenient the days in the year didn't have to be enumerated in this example, to fill in gaps. Without doing this, the chart appears to render fine but lacks gaps and is therefore wrong if the x-axis is a linear timecale.

The force-directed graph rendered in canvas instead of SVG.

Github Users Worldwide in the Times Projection

Uses a second canvas with different fill colors for each country to detect which country is highlighted.

Added hover highlighting to Voronoi Mitchell’s best-candidate by searching for the closest point with d3.geom.quadtree.

An improvement would be rendering highlighted cells in a separate canvas, so that they could be cleared without redrawing the entire Voronoi. This version leaves artifacts behind which get eaten away by new voronoi cells.

	<!DOCTYPE HTML>
	<head>
	<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script>
	</head>
	<body>
	<canvas width=1000 height=600></canvas>
	<script type="text/javascript">
	var canvas = d3.select("canvas").node();
	var xgrid = 10,
	ygrid = 10,