🌍 Public
Viewing a saved revision (read-only)
3a70a29babfd4f8dbca0be5e8d275fee
Exploring RDW data - Basic chart with filtering
NNathan Neelis
Last edited Nov 10, 2020
Created on Nov 10, 2020
Forked from Exploring RDW data - Basic chart with filtering
This example visualizes parking facility capacities from Dutch RDW open data, displaying each location as a bar on a Cartesian chart. A checkbox filters out facilities with unknown capacity, re-scaling the axes and updating the bar positions dynamically. The chart handles the data’s dirty state, where `null` capacities are excluded upon filtering, and it redraws the x-axis tick labels with a rotation for readability. The implementation uses D3 v6 with `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to build the SVG, while local JSON test data or a proxied remote API serves as the data source.
AI-generated description