Snyplife

@Snyplife·2 public vizzes

fresh block

This example constructs a minimal bar chart using D3 v4, placing data points on a linear scale that maps a city-based domain to the vertical extent of an SVG canvas. It uses `d3.extent` to calculate the domain, `d3.scaleLinear` for the y-axis transformation, and `d3.axisLeft` to render the axis. The code appends an axis group to the SVG, offset by a fixed translation, and assumes data is already available in a global variable. The visualization itself only shows the axis, not the plotted data bars.

Dec 17, 2017

Loading thumbnail…

fresh block

This example shows a vertical axis with a linear scale, positioned inside an SVG. The code uses d3.min, d3.max, and d3.extend to compute the domain from an external `data` array, referencing a city variable. A d3.scaleLinear maps this domain to pixel heights, and d3.axisLeft with the scale generates the tick marks and labels. The axis is appended to an SVG g element, translated 40 pixels from the left and 20 from the top. The data itself is not defined in the visible HTML, leaving its source unspecified.

Dec 15, 2017