Skip to main content
SimilarExport ZIP
100%

CBS Dataviz nL

✓ Published0🌍 Public
NNathan Neelis
Last edited Jan 20, 2021
Created on Jan 19, 2021

This visualization shows the number of Dutch people vacationing in the Netherlands per quarter, comparing 2019 data with 2020 (the Corona year) via an interactive checkbox. D3 v6 renders animated SVG bars that grow from the baseline when switching between years, using `d3.scaleLinear` and `d3.scaleBand` for axes. The data comes from a GitHub-hosted CBS JSON endpoint, with all bars transitioning smoothly over two seconds via D3's `.transition()` method.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Vacation in corona

A grouped bar chart compares vacation trips within the Netherlands versus abroad across quarterly periods, using green and red bars (via CSS classes) to show 2019 and 2020 values. The visualization loads CSV/JSON data, converts values to millions, and renders with d3.scaleBand and d3.scaleLinear, while d3.axisLeft and d3.axisBottom draw the axes. Data filtering separates domestic and international travel using custom transform functions, and the SVG output is styled with a shared stylesheet.

NNathan Neelis
82% match
Loading thumbnail…

Netherlands Map

An interactive choropleth map of the Netherlands visualizes tourism data from 2015 to 2020. A slider selects the year, updating the map and displaying tourism-related metrics. The visualization uses D3 v4 with `d3.geoPath` to render the SVG map from TopoJSON data, and employs a color scale to encode the values. The underlying data, sourced from JSON files, covers visitor and overnight accommodation statistics by country and accommodation type.

RRunnan Fu
72% match
Loading thumbnail…

Netherlands Map

This interactive map visualizes tourism statistics across the Netherlands, allowing users to select a year via a slider to compare data from 2015 to 2020. The map displays provinces as colored regions using a choropleth, with hover effects highlighting boundaries and tooltips revealing values. The visualization uses D3 v4 with `d3.geoPath` and TopoJSON to render the map, while a bar chart shows accommodation and visitor breakdowns from the accompanying JSON datasets.

RRunnan Fu
72% match
Loading thumbnail…

Circular Braplot 2014

A circular bar plot displays 27 social and economic indicators for the Netherlands in 2014, with bar lengths representing percentage changes from the previous year. The SVG visualization uses d3.scaleBand for angular positioning and d3.scaleRadial for radial lengths, drawing each bar as an arc path with d3.arc. Labels are rotated around the circle and flipped at the midpoint for readability. Data is loaded from a CSV file using d3.csv, and the chart is rendered with D3 v4 alongside the external d3-scale-radial library.

EEline000
71% match
Loading thumbnail…

Added timescales Quantatieve vs Categorical

This interactive scatter plot visualizes Dutch housing market data from CBS Statline, comparing price indices, sales volumes, and average prices for new and existing homes from 2015 to 2022. Users can select any quantitative or categorical variable for the x- and y-axes via D3 menus. The visualization handles mixed data types using `d3.scalePoint` for categorical variables and `d3.scaleLinear` for quantitative ones, with smooth transitions via `selection.join` and `transition.attrTween`. Circles are drawn as SVG elements with animated radius growth on entry and exit.

BBart van Pelt
70% match
Loading thumbnail…

Prototype geluk 1.0

This bar chart visualizes reported happiness levels in the Netherlands from 1997 to 2018, with each bar’s length representing the yearly "geluk" score. The chart uses D3 v5’s `scaleLinear` for the x-axis and `scaleBand` for the y-axis, rendering SVG rectangles with steelblue fill. Data is loaded from a local CSV file via `d3.csv`, and axes are generated using `axisLeft` and `axisBottom`. The visualization highlights slight annual fluctuations in happiness, remaining mostly stable between 87 and 89 points.

EEline000
70% 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
69% match
Loading thumbnail…

Circular Braplot 2015

This circular braplot visualizes 27 social indicators for the Netherlands in 2015, with each bar's radial length representing the value of the corresponding metric. The chart uses the d3.scaleBand for angular positioning and d3.scaleRadial for the radial axis, with d3.arc drawing the individual bars. Labels are rotated and anchored around the circle using SVG transform attributes, and the d3.csv function loads the data from a local file.

EEline000
69% match