John Asplund

@cecilartavion·2 public vizzes

jasplund3

This visualization displays a running total of an unspecified metric from 1949 to 2019, using a time-series bar chart. The chart shows a steady, accelerating upward trend, with each bar representing the cumulative count for a given year. Built with D3 v5, it uses `d3.scaleTime` for the x-axis, `d3.axisBottom` and `d3.axisLeft` for axes, and SVG rectangles to render the bars. Data is loaded from a local CSV file via `d3.csv`, and the y-axis domain is derived from the maximum running total.

Jan 18, 2020

Loading thumbnail…

jasplund3

This example visualizes a running total over time as a bar chart, displaying a cumulative count that grows from 5 in 1949 to nearly 15,000 by 2019. The chart uses SVG rendering and the D3 v5 library, with `d3.scaleBand` for the categorical year axis and `d3.scaleLinear` for the numeric total axis. The code constructs the visualization by appending rect elements to an SVG group, and it customizes the x-axis ticks to show only every third year using `d3.timeYear.every(3)` and a filter that removes non-matching tick labels. The data is loaded from a CSV file containing year and running_total columns.

Jan 18, 2020