Search This Blog

Wednesday, July 26, 2017

Be Still My Random Heart

Be still my random heart! My entry at an impromptu Valentine's Day hackaton at work. Classification of random points done by a neural net created by JMP software and converted to JavaScript. Visualization by D3.js. Details and source code here.

Tuesday, July 25, 2017

Constance: an experiment with Object Constancy

This is a little experiment based on Mike Bostock's writings about object constancy and Jeffrey Heer's paper on Animated Transitions in Statistical Data Graphics.

The idea of animating the transition between data visualizations - keeping object constancy as they change - is to allow the user to track elements of interest. The animation allows the user to make a connection between the different facets surfaced by each visualization.

This technique animates between D3.js layout calculations. Rectangles are converted to circles and vice-versa through the manipulation of the rx and ry attributes of the SVG rect element.

You can play with the demo here:
Constance demo