block by micahstubbs db57b9e8546b4b83a405

Correlation Matrix VI

Full Screen

Hexbins also mean fewer DOM elements on the page.

Just how many DOM Elements do we create to visualize the 2000 records in our diamonds.json dataset?

Pasting document.getElementsByTagName('*').length into the JavaScript console in Chrome’s DevTools tells us that there are 2279 elements on the page for this hexbins-only example.

In contrast, our one-circle-for-every-datapoint encoding method in Correlation Matrix IV creates 84072 DOM elements.

Forked from Correlation Matrix V by micahstubbs

Originally inspired by the Simple Correlation Matrix block from emeeks

DOM Element-counting snippet from this StackOverflow Answer

index.html

d3.hexbin.min.js