RDW Data cleaning

100%

RDW Data cleaning

✓ Published1🌍 Public

Last edited Nov 20, 2020

Created on Nov 4, 2020

This interactive dashboard visualizes the distribution of P+R parking capacities across Dutch cities, using data from the RDW open data portal. A bar chart shows the number of P+R locations per city, and clicking any bar generates a pie chart breaking down the parking capacity of each facility within that city. The visualization uses d3.scaleBand and d3.scaleLinear for the bar chart, while the pie chart is built with d3.arc and d3.pie. All graphics are rendered as SVG, with React managing the page structure.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Exploring RDW data - Basic chart

This example shows the parking capacity of various Park & Ride, carpool, and paid street parking facilities in the Netherlands, using a bar chart where each bar’s height represents the number of parking spots. The visualization is built with D3 v6 and rendered as SVG, using `d3.scaleBand` and `d3.scaleLinear` to map descriptions and capacities, and `d3.axisBottom`/`d3.axisLeft` for the axes. Data is loaded from a local JSON file via `d3.json`, with an optional remote RDW API path, and bars are appended as SVG rectangles.

SSergio Eijben

87% match

Loading thumbnail…

Exploring RDW data - Basic chart

This visualization uses D3 v6 to explore a selection of RDW parking data from the Dutch national parking registry. It displays a horizontal bar chart showing the capacity of various Park & Ride, carpool, and paid street parking locations, with bars colored Darkmagenta via `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. The example loads data either from a local JSON file or a remote API proxy, and renders the chart as SVG using D3 selections and margin conventions.

SSergio Eijben

85% match

Loading thumbnail…

Exploring RDW data - Basic chart

This example visualizes parking facility capacities from RDW data, showing a bar chart of locations with their available parking spots. The chart uses a bar for each facility, with the y-axis representing capacity and the x-axis showing location descriptions. It demonstrates a workflow for handling potentially messy data, including a data preparation step that extracts relevant fields. The visualization is built with D3 v6, using `d3.scaleBand` and `d3.scaleLinear` for scales, and renders bars as SVG rectangles. Local test data is used by default, with an option to fetch live data from the RDW API.

LLaurens

84% match

Loading thumbnail…

Exploring RDW data - Basic chart

This example visualizes parking facility capacities from the Dutch RDW dataset, focusing on the first ten facilities and their associated usage types. It renders a static bar chart using SVG, where each bar represents a facility, and the bar height corresponds to its capacity. Facilities with missing capacity data appear as zero-height bars. The visualization is built with D3 v6, employs `d3.scaleBand` and `d3.scaleLinear` for the axes, and uses `d3.axisBottom` and `d3.axisLeft` to draw the chart's axes. The code includes a data preparation pipeline that selects a subset of the remote data, transforms it, and handles missing values, with a toggle for loading local test data.

NNathan Neelis

83% match

Loading thumbnail…

Pie chart RDW beter?

This visualization displays a pie chart that uses data from the RDW (Dutch vehicle registration authority) to explore parking usage purposes, though the chart currently renders hardcoded year values (2013–2019) rather than the fetched API data. The code fetches JSON from two RDW Open Data endpoints using the Fetch API, filters location data by the `startdataarea` column, and then builds the chart with d3.pie() and d3.arc(), styled with d3.scaleOrdinal and d3.schemeCategory10. Rendering occurs as SVG elements within a 400x400 viewport.

SSergio Eijben

83% match

Loading thumbnail…

Exploring RDW data - Basic chart with filtering

This example displays a bar chart of parking facility capacities from Dutch RDW open data, with a checkbox filter that hides facilities with unknown capacity values. The visualization uses D3 v6 to render SVG bars, with a band scale for parking facility descriptions on the x-axis and a linear scale for capacity on the y-axis. Data loads from local test data (dataSelection.json) or a remote API via a CORS proxy. The interactive filter updates the chart by re-binding data, adjusting scales, and redrawing bars and axes using D3 selection methods. The chart uses rotated axis labels and a fixed height and width of 960 by 500 pixels.

Ssreen020

83% match

Loading thumbnail…

Interactive barChart (v11.11.13:30)

This interactive bar chart shows the number of P+R parking spaces across cities in the Randstad region of the Netherlands. A checkbox toggles between individual parking locations and combined city totals, with bars animating between states using D3 transitions. The visualization uses d3.scaleBand and d3.scaleLinear for axes, with data fetched from a GitHub-hosted JSON file and processed through custom cleaning and transformation functions. SVG rendering includes animated height transitions for entering, updating, and exiting bars.

NNathan Neelis

83% match

Loading thumbnail…

Interactive barChart (v11.11_11:10)

This interactive bar chart displays the number of P+R parking places for each city in the Randstad region of the Netherlands. Users can toggle a checkbox to combine parking capacity data for cities with multiple locations, updating the visualization. The chart uses D3 v6 with SVG rendering, employing `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to create and update bars. Data is fetched from a GitHub gist and processed through custom transformation functions that clean, filter, and aggregate the raw dataset.

NNathan Neelis

83% match