Madelijn

@Madelijn·2 public vizzes

fresh block

A radial bubble chart shows the relative frequency of 50 data points, where each count is rendered as a red or blue circle. Clicking any bubble increments its count and repositions all circles along a ring, with the selected bubble moving to the center. The visualization uses d3.scaleSqrt and d3.scaleLinear to map count values to circle radius and color, and d3.select transitions animate the position and fill changes over 800 milliseconds. The data is generated randomly with d3.range and Math.random.

Feb 8, 2018

Loading thumbnail…

Gist 86292bd89584613190b0d96b634a1531

A horizontal bar chart ranks nine countries by the number of casualties from 1948 to 2015, with India leading and Nigeria lowest. Steel-blue bars display values as white text labels, while the chart includes top and left axes. The visualization uses D3.v3’s `d3.scale.linear`, `d3.scale.ordinal`, and `d3.svg.axis` to map data from a CSV file, converting names to y-axis bands and values to bar widths. The SVG rendering is driven by D3’s selection and data-binding methods.

Sep 24, 2016