Mistobaan / d3-blocks-dashboard

a dashboard for exploring d3 examples

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

d3-blocks-dashboard

A prototype dashboard for exploring relationships between the tens of thousands of d3 examples or "blocks" produced by the d3 community over the past decade or so.

To explore, first click twice a node or "star" in the 3D force graph on the top left "Context" panel. The local neighborhood subgraph of other d3 examples that either reference or are referenced by the d3 example that this node represents will appear in the bottom left "Focus" panel.

Next, inspect the nodes in the "Focus" panel, and click one that looks interesting. The full visualization that corresponds with that node in the local subgraph will then be rendered in the "Detail" panel on the right.

dashboard-screen-capture.png

The charts shown in this prototype are iterations on the blocks:

The block Step 1 - Voronoi Scatterplot - Simple scatterplot with no Voronoi from @NadiehBremer is shown in the Detail panel on the right as the currently selected block.

Try the live dashboard at d3.micah.fyi/08-dashboard-with-detail-view/

About

a dashboard for exploring d3 examples


Languages

Language:JavaScript 90.1%Language:HTML 9.9%