Skip to main content
SimilarExport ZIP
100%

Parking rate barchart

✓ Published0🌍 Public
Mmbergevoet
Last edited Nov 12, 2020
Created on Nov 11, 2020

This bar chart visualizes parking rates across different area managers by comparing the calculated fare per step size. The chart uses a horizontal layout with rectangles scaled proportionally to the rate values, while country names are displayed on the y-axis. Data is fetched from two RDW API endpoints and combined asynchronously. The visualization is built with D3 v6, using `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the SVG elements.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Bar Chart RDW Data

This bar chart displays RDW parking data, showing the start dates of parking-related usage categories for various area managers. The visualization uses a vertical bar layout with a linear x-axis for the date values and a band scale for the categorical y-axis. It is built with D3 v6, using scaleLinear, scaleBand, axisBottom, axisLeft, and format to create the SVG chart. The data is loaded asynchronously from an RDW JSON endpoint via d3.json.

SSergio Eijben
79% match
Loading thumbnail…

Parking Viz v1

This visualization shows parking rate data from the RDW open data API (endpoint `https://opendata.rdw.nl/resource/534e-5vdg.json`), fetched via JavaScript `fetch`. The code defines a `calcParkingRate` function to compute rates from fare parts but does not yet render any visual elements—the SVG remains empty. It uses D3 v6 selection (`select("svg")`) and destructured `arc` and `select` imports, with an HTML/CSS layout controlling page margins and overflow. The chart’s dimensions are parsed from SVG attributes for future drawing.

Mmbergevoet
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
77% 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
75% 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
74% match
Loading thumbnail…

Bar Chart (vertical + filter) - TechTrack

This vertical bar chart visualizes parking facility capacities across Dutch locations, using data sourced from RDW parking data via a proxy URL. The chart includes an interactive checkbox filter that excludes facilities with unknown capacity values, dynamically updating the scales and re-rendering bars. Built with D3 v6, it uses SVG rendering, d3.scaleBand for categorical positioning, d3.scaleLinear for value mapping, and d3.axisBottom/axisLeft for axes. Bar transitions and enter/exit selections manage the filtered view, while rotated x-axis labels accommodate long descriptions.

Ddavidvanr21
73% match
Loading thumbnail…

RDW Data cleaning

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.

Llars-ruijs
72% match
Loading thumbnail…

Barchart test

This example visualizes the total capacity of Dutch parking areas by combining two RDW open datasets, one containing area manager info and another with vehicle specifications. Using a custom asynchronous `getDatasets()` function with `await fetch`, it merges records by matching `areamanagerid`, sums the `capacity` fields, and filters out zero-capacity entries. The resulting combined data is logged to the console, demonstrating data joining and reduction with JavaScript array methods, though no actual SVG bar chart rendering is implemented despite the title.

TTimvanAlphen
72% match