Skip to main content
SimilarExport ZIP
100%

Lego Dataset

✓ Published1🌍 Public
IIan Wright
Last edited Sep 8, 2024
Created on Sep 2, 2024

This example displays the raw JSON of a single Lego set record, converted from the CSV data. It shows the dataset's structure, including fields like item number, theme, piece count, and regional prices. The code uses a `container.innerHTML` assignment to render a `<pre>` element, presenting the first data row formatted with `JSON.stringify`. The source is the Lego Sets Dataset, and the visualization is a simple, static data inspection rather than a chart.

AI-generated description

The Lego Sets Dataset.

This contains information about every Lego set manufactured from 1970 to 2015, which is over 6000 sets.

A few attributes are included from each set:

  • Its ID
  • Its name
  • Its manufacture year
  • Its theme
  • Its number of pieces
  • Its number of minifigures
  • Its price in various regions
  • Its availability and box type

Tasks:

  • I want to understand the correlation between cost and number of pieces
  • I want to visualize how the number of pieces has changed over time
  • I want to visualize how cost has changed over time
  • I want to understand the correlation between theme and number of pieces
  • I want to visualize which themes sets come from - perhaps a bubble chart or a pie chart could accomplish this
MIT Licensed

Similar vizzes

Loading thumbnail…

Lego Colors Dataset

This example visualizes the Lego Colors Dataset, displaying the first CSV record’s properties—ID, name, RGB value, and transparency—as formatted JSON in a large, readable pre block. It uses plain JavaScript to import and parse the CSV via a bundled data loader, then renders the parsed object with `JSON.stringify`. The code demonstrates a minimal setup for inspecting raw dataset entries, though it does not yet implement the color wheel, similarity comparisons, or hover interactions described in the project’s goals.

AAri Schechter
82% match
Loading thumbnail…

Fork of Simple Scatter Plot

This example shows the relationship between the release year and price of LEGO sets, using a colored background rectangle to highlight the plot area. The code builds on a scatter plot template and uses D3’s `scaleLinear` and `extent` to map data values to pixel coordinates, while the `@curran/axis-labels` library positions the axis labels. The data comes from the `@Landaman/lego-csv` dataset, with each circle representing a set, and the chart’s dimensions and margins are configurable through the main module.

IIan Wright
70% 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
69% match
Loading thumbnail…

Project Momentum

This visualization presents LEGO set data grouped by theme as a multi-layered pie chart, where each wedge shows the total count of sets, with semi-transparent inner arcs indicating the proportion of sets priced under $100 and under $50. The chart uses D3.js APIs including `pie`, `arc`, `scaleOrdinal`, and `schemeCategory10` to generate and color the arcs, while `Object.groupBy` and custom reduction logic aggregate the imported `@Landaman/lego-csv` data. The top eight themes are labeled, with remaining sets consolidated into a "Miscellaneous" category, and SVG path elements are styled with stroke and opacity to create depth.

IIan Wright
68% 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
68% match
Loading thumbnail…

Lego Sets by Year from Rebrickable

This visualization displays the cumulative number of Lego sets released each year from 1949 to 2019, sourced from Rebrickable. A bar chart shows the running total growing steadily, with a sharp increase in recent decades. The data is loaded from a CSV file and rendered as SVG rectangles using D3.js v5. Axes and scales are customized through D3’s `scaleLinear` and `axisBottom` APIs. The bars are colored steel blue, highlighting the accelerating growth of Lego set production over seventy years.

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

Lego Sets by Year from Rebrickable

This bar chart displays the cumulative running total of LEGO sets released each year from 1949 to 2019, using data from Rebrickable. The chart encodes years on the x-axis and the running total (divided by 100 in the data preprocessing) on the y-axis, with steel-blue bars representing each year’s cumulative count. The visualization is built with D3 v5, using `csv()` to load the data, `scaleBand` and `scaleLinear` for scales, and `axisBottom` and `axisLeft` for axes. The title and axis labels are added manually via SVG text elements.

Eelaine-xiao
66% match