functions most often used in d3.js blocks

Which d3.js functions are often used together?

This item explorer visualization features the 20 most frequently used d3.js functions based on the blockbuilder search data (https://observablehq.com/@enjalot/blockbuilder-search-data). The data has not been reduced and as a result span different d3.js versions.

The input data contains rows with the frequency for each combination of functions which are called in the same block. The visualisation enables the user to explore how many of the 20 most frequently used functions have or have not been used in the same blocks. The occurence of each d3.js function is represented by a bar with the bar chart initially showing each function frequency independent of each other. By interactively selecting AND, OR and NOT conditions, the user can explore the combinatorial space of different function combinations in the same blocks.

You can explore for example:

• how often a block contains d3.select() and d3.selectAll()
• if d3.scaleLinear() is more often used together with d3.scaleBottom() or d3.scaleLeft()
• if d3.extent() is preferably used in comparison with d3.min() and d3.max()

The visualization is done with magical bar charts/ item explorer

• https://ankerst.de/Mihael/proj/mbc/
• https://github.com/EE2dev/item-explorer