Vacation in corona

100%

Vacation in corona

✓ Published0🌍 Public

Last edited Jan 19, 2021

Created on Jan 18, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CBS Dataviz nL

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.

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

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

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

69% match

Loading thumbnail…

Title

This chart compares international tourist arrivals for the top 10 countries between 2019 and 2020 using a Cleveland dot plot. Green dots represent 2019 values, while purple dots show 2020 figures, connected by grey lines to highlight the dramatic decline due to the pandemic. The visualization is built with React, D3 v6, and SVG, using `d3.scaleLinear` and `d3.scaleBand` for axes. Hovering over purple dots triggers a tooltip via mouse events, and a legend is generated using the `d3-legend` library. Data comes from the included CSV file.

Jjustinwong208

68% match

Loading thumbnail…

Making a Bar Chart with D3.js

This example shows a horizontal bar chart comparing the number of charging points across major Dutch cities in the Randstad region, using a CSV dataset with city names and numerical values. The visualization encodes the data with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The code loads the data via `d3.csv`, converts the numeric column to integers, and uses a data join with `selectAll` and `enter()` to append SVG `rect` elements. The bars are positioned using the y-scale and sized by the x-scale's domain and range.

Rrandy554

68% match

Loading thumbnail…

Making a Bar Chart - NPR data

This example visualizes the parking capacity of Park & Ride facilities in the Randstad region of the Netherlands, using a horizontal bar chart. Each bar represents a city, with bar length scaled to total capacity. The code loads JSON data from a GitHub gist and processes it through custom transformation functions to filter, clean, and aggregate city entries, combining duplicate city names. The chart is rendered as an SVG using D3 v6, with `scaleLinear` and `scaleBand` for positioning, and `axisLeft` and `axisBottom` to create the axes.

NNathan Neelis

68% match

Loading thumbnail…

Vertical Bar Chart - Volkskrant

This example presents a vertical bar chart comparing the populations of ten countries, rendered as SVG rectangles scaled with `d3.scaleBand` and `d3.scaleLinear`. The bars initially appear steelblue, and on `mouseover` events, the chart highlights the hovered bar in red with a blue stroke and displays a text label inside it showing the country name and population in billions, formatted using D3’s `format` function. The `mouseout` handler removes the label and restores the original fill. Data loads from a CSV file, with population values multiplied by 1000.

Ddavidvanr21

67% match