RDW-data

100%

✓ Published0🌍 Public

Last edited Nov 10, 2020

Created on Nov 10, 2020

Forked from RDW-data

This example visualizes Dutch vehicle registration data (RDW) in an SVG canvas. It uses D3 v6 to select the SVG element and read its dimensions. The visualization renders data points using D3's selection and manipulation methods, with the SVG set to 960 by 500 pixels. The code imports the `select` function from D3 and utilizes the `d3.select` API to bind data to SVG elements. The rendering approach relies on standard SVG shapes positioned based on the dataset’s attributes.

AI-generated description

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

Similar vizzes

Loading thumbnail…

Exploring own RDW data - Basic chart

This example visualizes the start dates of Dutch parking regulations from a local dataSelection.json file. The bar chart uses an SVG rendering with D3 v6, where each bar represents a usage type like "Garageparkeren" or "Betaald Parkeren". The code uses `d3.scaleBand` and `d3.scaleLinear` for the axes, with `d3.axisBottom` and `d3.axisLeft` for ticks. The visualization demonstrates basic data exploration, showing how D3's `d3.json` loads local data and `d3.select` targets the SVG element for drawing.

SSergio Eijben

80% 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

80% match

Loading thumbnail…

Exploring RDW data - Preparing data for Viz

This example explores Dutch RDW parking facility data by fetching an overview of locations and then retrieving detailed information for the first ten facilities. The visualization prepares data for a bar chart by logging unique values for fields like limited access, while commenting on future steps for scales, axes, and bars. It uses d3.json with a CORS proxy to access the external API, chains Promises with Promise.all, and relies on D3 v6 for SVG rendering and data manipulation.

LLaurens

79% match

Loading thumbnail…

Exploring RDW data - Basic chart

The visualization displays parking facility data from the RDW open dataset, plotting variables from a selectable form. It fetches a list of facilities, retrieves static details for the first ten, and logs unique values for fields like limited access. The code uses d3.json with a CORS proxy and d3 v6, rendering an SVG scaffold with margins and a group element, though no axes or bars are drawn yet.

SSharon

79% 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

79% match

Loading thumbnail…

Exploring RDW data - Basic chart with filtering

This example visualizes Dutch parking facility data from the RDW, displaying each location’s capacity as a bar chart. A checkbox filters out entries with unknown capacity, dynamically updating the axes and bars. The visualization loads local JSON via `d3.json` (through a helper `getData`), uses `d3.scaleBand` and `d3.scaleLinear` for scaling, and renders SVG rectangles with D3 v6 selection and data-join methods. Interactive filtering triggers `filterUnknown`, which updates domains and redraws bars with enter, update, and exit patterns.

NNino Schelcher

78% 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

78% match

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

78% match