Barchart met RDW Data v6

Barchart met RDW Data v5

This bar chart, built with D3 v5, visualizes the distribution of vehicle colors for cars and taxis registered in the Netherlands, using a dropdown to switch between the two categories. It shows a horizontal bar chart ranking color counts. The code loads data from the RDW Open Data API, processes the JSON, and renders the chart using D3's `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, with an SVG output.

84% match

Barchart met RDW Data v6

Two bar charts share a single SVG canvas, displaying categorical values for groups A, B, and C. Users switch between the "Taxis" and "Personenautos" datasets by clicking buttons, which triggers a D3 v5 transition that smoothly animates the rectangular bars to their new heights over one second. The visualization uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `selection.merge` with `.transition().duration()` to update existing SVG rect elements. Static axes and a teal fill style (via CSS) frame the animated data comparison.

Rrainyrainyguo

84% match

Barchart met RDW Data v6

Two interactive bar charts present data for three groups (A, B, C) across two datasets. Users switch between the "Taxis" and "Personenautos" datasets via buttons, triggering a smooth transition animation that updates the bar heights. Built with D3 v5, the visualization uses `d3.scaleBand` and `d3.scaleLinear` for axes, while the `transition()` method animates rectangle attributes over one second. SVG rendering handles the graphics, and the update function leverages D3's enter/merge/exit pattern to efficiently redraw bars.

GGaurav-Adlakha

Barchart met RDW Data v6

This bar chart displays three categorical values for two datasets, comparing taxis and passenger cars. Two buttons switch between the datasets, triggering a smooth animated transition of the rectangular bars. The visualization uses D3.js version 5 with SVG rendering, leveraging `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and the `.transition()` method for animations. The chart initializes with the passenger car data and updates bar positions, heights, and fill colors dynamically.

Barchart met RDW Data v4

This bar chart visualizes the number of non-taxi passenger cars in the Netherlands by primary color, using RDW open data. It shows counts for white, black, gray, blue, red, and green vehicles. The chart uses D3 v5 with `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render an SVG bar chart. Data is fetched as JSON from the RDW API, filtered for vehicles with taxi indicator "Nee", and aggregated by the `eerste_kleur` field.

Barchart met RDW Data v6

Three bar charts of synthetic categorical data react to two toggle buttons labeled "Taxis" and "Personenautos." Clicking either button triggers an animated update that linearly transitions the bar heights over one second, swapping between the two predefined datasets. The visualization uses D3 v5, building the SVG with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft`, while a custom `update` function leverages `.transition().duration()` to smoothly change rectangle geometries.

GGaurav-Adlakha

Barchart met RDW Data v5

This bar chart visualizes the distribution of taxi vehicle colors from RDW open data, showing counts for white, black, gray, blue, red, and green taxis. The visualization filters the dataset for passenger cars with a taxi indicator, then aggregates records by primary color. Built with D3.js v5, it uses `d3.json` for data loading, `scaleBand` and `scaleLinear` for the axes, and renders bars as SVG rectangles. The chart highlights color preferences among Dutch taxis.

80% match

Barchart met RDW Data v2

This bar chart compares the number of passenger cars versus taxis in a dataset from the RDW (Dutch vehicle authority). The chart shows two horizontal bars, with taxi counts and personenautos (passenger car) counts, displayed using an SVG canvas. The visualization is built with D3 v5, using `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and appends rectangles to the chart. Data is fetched asynchronously from a remote API and processed through filters to isolate the two categories.