syntagmatic

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.

syntagmatic

Based on the Treemap example.

syntagmatic

We couldn’t find that file to show.

syntagmatic

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

syntagmatic

Heightmap with Hexagonal Binning

Each cell takes the mean value as its color.

syntagmatic

Example of curved textPaths in arcs, based on this fiddle by Susa Merz.

syntagmatic

Another variation of color-cycling a spanning tree generated by Prim’s algorithm. Here the periodicity of the color scale by tree depth is varied over time, alternating between emphasis of micro and macro structure. This idea was suggested in a Hacker News comment.

syntagmatic

Hexbin Heightmap with cell colors cycling between minimum and maximum elevation. Transitions use data-space interpolation to tween colors.

syntagmatic

This example contains bugs!

Cardiac Surgery by Surgeon: Beginning 2008

Based on Mostapha's Mouse Over Example

syntagmatic

Hexbin Heightmap Transitions with Canvas