Skip to main content
SimilarExport ZIP
100%

Rebrickable Lego Sets by Year

✓ Published0🌍 Public
HHershberger93
Last edited Feb 2, 2020
Created on Feb 2, 2020
Forked from HTML Starter

This visualization shows the running total of Rebrickable Lego sets released by year, with each year represented as a blue bar whose height corresponds to the cumulative count. The chart uses React with SVG rendering and D3.js scales and axes, including `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. Data is loaded from a CSV file (q3.csv) and mapped to numeric values before being plotted. The x-axis labels are thinned to show every fourth year for readability, and axes are positioned using D3’s `axisBottom` and `axisLeft`.

AI-generated description

A bare minimum HTML page.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Rebrickable Lego Sets by Year

This visualization shows the cumulative number of Rebrickable LEGO sets released by year, from 1949 to 2019, as a vertical bar chart. The bars increase steadily, reflecting the growth of LEGO’s set catalog over time. Each bar’s height represents the running total for that year, with a blue fill on an SVG canvas. The code uses D3 v5’s `d3.dsv` to load the CSV data, `d3.scaleBand` for the x-axis, and `d3.scaleLinear` for the y-axis, appending rectangles with manually calculated positions and heights.

Ggerardo alfredo alarcon rivas
95% match
Loading thumbnail…

Rebrickable Lego Sets by Year

This visualization shows the cumulative number of Rebrickable LEGO sets released by year, from 1949 to 2019, as a vertical bar chart. The bars increase steadily, reflecting the growth of LEGO’s set catalog over time. Each bar’s height represents the running total for that year, with a blue fill on an SVG canvas. The code uses D3 v5’s `d3.dsv` to load the CSV data, `d3.scaleBand` for the x-axis, and `d3.scaleLinear` for the y-axis, appending rectangles with manually calculated positions and heights.

Ggerardo alfredo alarcon rivas
95% match
Loading thumbnail…

Rebrickable Lego Sets by Year

This bar chart shows the cumulative number of Lego sets released by Rebrickable from 1949 to 2019, with a steadily increasing running total over time. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the y-axis and `scaleTime` with `scaleBand` for the x-axis. Data is loaded from a CSV file via `dsv`, and axes are generated with `axisLeft` and `axisBottom`. The rectangular bars are appended and positioned using the scales, with the data sourced from Rebrickable.

Rratschke
94% match
Loading thumbnail…

Rebrickable Lego Sets by Year

This bar chart displays the cumulative number of Lego sets released each year from 1949 to 2019, sourced from Rebrickable data. Each bar’s height represents the running total, with the y-axis scaled linearly and the x-axis using a band scale for years. The visualization uses D3.js v5, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the plot as SVG. Bars are drawn as rectangles with a fill style, using a translation and vertical scale inversion to position them correctly.

Rratschke
93% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

This visualization displays the cumulative number of Lego sets released each year, using data from Rebrickable. It shows a running total over time with a bar chart rendered as SVG. The code imports specific D3 v5 modules, including `scaleLinear`, `scaleTime`, `csv`, `axisLeft`, and `axisBottom`, to construct the axes and plot. The x-axis is formatted with time intervals, while the y-axis is scaled linearly. The visualization reads the dataset from a CSV file, calculates the maximum value for domain scaling, and appends rectangles to represent the data.

Ccyanea1
93% match
Loading thumbnail…

Rebrickable Lego Sets by Year

This chart shows the cumulative running total of Lego sets released each year from 1949 to 2019, based on Rebrickable data. The visualization uses vertical violet bars to represent the growing count over time, with a time-scaled x-axis and a linear y-axis. The code employs d3.dsv to load the CSV, d3.scaleTime and d3.scaleLinear for the axes, and SVG rectangles for the bars, which are flipped vertically using a scale transform. Axis labels and a title are added via d3 selections.

Rratschke
93% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

A bar chart shows the cumulative number of Lego sets per year, sourced from Rebrickable. The chart uses a React-based data loading process with the `d3.csv` API, and renders as SVG with animated transitions. X-axis labels update for every three years using a tick format function, and the visualization includes a title and author attribution.

Aandrewtran1991
93% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

This visualization shows the cumulative number of Lego sets released each year, based on data from Rebrickable, with a bar chart where each bar represents a year’s running total. The chart scales time on the x-axis and a linear count on the y-axis, using d3.scaleTime and d3.scaleLinear, while axes are generated with d3.axisBottom and d3.axisLeft. Rects are appended to an SVG group to draw the bars, and tick formatting is customized with d3.timeYear.every to space year labels. The data is loaded via d3.csv and transformed before rendering.

Ccyanea1
93% match