We collected thousands of D3.js examples and created a user-friendly interface for finding examples of specific API usage.

Bl.ocksplorer
Bocoup
Aggregating valuable d3.js example blocks for faster learning
View project
Challenge
The d3.js community relies heavily on Blocks, visualization code examples stored in Github gists and delivered via the Bl.ocks interface. By default, blocks are not searchable, which makes it harder to find the examples one might need when trying to solve a specific challenge with d3.js.
Solution
The Data Visualization team built a tool that collects thousands of blocks from the community and aggregates them by d3.js API usage. By enabling fast searching via the API, users can quickly locate and learn about the examples they might need.
Impact
The Bl.ocksplorer tool is one of the core d3.js community tools and often speeds up learning for those who are new to D3.js. It has been used in classrooms and contributed to heavily by the D3.js community.

More work like this at Bocoup

HMS LINCS Breast Cancer Browser
Harvard Medical School

Lyra – Visualization Design Environment
University of Washington Interactive Data Lab
Contact Us
P.O. Box 961436
Boston, MA 02196