Skip to main content
SimilarExport ZIP
100%

MAKING BARS

✓ Published0🌍 Public
Ggotyou007
Last edited Jan 30, 2020
Created on Jan 22, 2020
Forked from MAKING BARS

This example visualizes the cumulative number of Lego sets produced by Rebrickable from 1949 to 2019, displaying the running total as vertical bars over time. The chart uses an SVG rendering with a time-based x-axis and a linear y-axis. Built with React and D3 v5, the code employs `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes, while bars are drawn via `g.selectAll('rect')`. Data is loaded from a CSV file using `dsv`, and the visualization updates each year’s cumulative count.

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
88% 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
88% 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
88% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

This example visualizes the cumulative number of Lego sets released each year, sourced from Rebrickable. A bar chart shows the running total of sets over time, with a time-scaled x-axis and a linear y-axis. The visualization uses D3 v5, specifically `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft`, to render SVG rectangles. Data is loaded as CSV and parsed into JavaScript `Date` objects, with bars drawn using D3’s data join and attribute setters.

KKelvin Yuen
87% match
Loading thumbnail…

Rebrickable Lego Sets by Year

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`.

HHershberger93
87% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

A bar chart visualizes the cumulative number of LEGO sets released each year from 1949 to 2019, using data from Rebrickable. The chart shows a steady upward trend over time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG output. The `csv` function loads the data, which is parsed and plotted with rectangles, while custom tick intervals are defined using `d3.timeYear`.

Eelaine-xiao
86% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

A bar chart visualizes the cumulative number of LEGO sets released each year from 1949 to 2019, using data from Rebrickable. The chart shows a steady upward trend over time. The visualization uses D3 v5 APIs including `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to render the SVG output. The `csv` function loads the data, which is parsed and plotted with rectangles, while custom tick intervals are defined using `d3.timeYear`.

Eelaine-xiao
86% match
Loading thumbnail…

Rebrickable Lego Sets by Year

A bar chart displays the cumulative count of LEGO sets released each year, using a CSV of year and running total values. The visualization renders as an SVG with a date-scaled x-axis and a linear y-axis, using `d3.scaleTime()`, `d3.scaleLinear()`, and `d3.axisBottom()`/`d3.axisLeft()`. Bars are drawn via `d3.select("body")`, `g.selectAll('rect')`, and `.enter().append('rect')`, with animated transitions and custom axis-label styling.

Mmikepec
86% match