What is this?
This is a network of small D3.js-related projects. Each circle represents a small self-contained piece of code like this Rotating Icosahedron. There are nearly 800 such projects and each project is connected to another project based on shared use of the same functions from the D3 library. So, if you have a block that uses d3.svg.axis and d3.transform and another project that uses those same two functions, then they will be connected by a strength 2 link. To keep the network manageable, I've only included connections greater than four (8000+ connections).
The data comes from the awesome bl.ocksplorer.org, which provides another way of exploring these projects.
How do I use it?
Moving your mouse over a block will show you the blocks it is connected to. Clicking on a block will give you some details about the block. By adjusting the brush at the bottom of the page, you can constrain the network to only showing edges with a strength within the range of the brush. You can also zoom in or out on the network using your mousewheel.
Why is that important?
D3 provides an incredible amount of functionality under the broad category of "information visualization". This includes network visualization, all kinds of maps, more traditional charts, and even graphical representation of complex mathematical principles. By exploring the way that these projects relate to each other, we can better understand how D3 is being used and whether or not there are opportunities for creating information visualization that integrates less commonly co-occurring behaviors, components, layouts and functions.
Where are my blocks?
The yellow blocks are all created by Mike Bostock, creator of D3. The rest of the colors are randomly assigned to other users. If you don't see your blocks that's because you either haven't registered your username on bl.ocksplorer or because your individual blocks do not have thumbnails. Only those blocks that include a thumbnail.png in their gist are represented here.
More Questions?