Rise and Fall of Tourist Destination - #SWDChallenge sept '18

Title

This chart displays the percentage change in international tourist arrivals from 2018 to 2021 for ten countries, with each country represented as a colored line. The data, loaded from a CSV file, is visualized using SVG rendered through a React framework. The code uses D3.js v6 functions like `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for line paths, and `d3.legendColor` for the color-coded legend. A color palette distinguishes the ten countries.

Jjustinwong208

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

Tourism Stacked Bar Chart

This example shows a stacked bar chart of tourist visitor numbers by year, with each bar segment representing a different country’s contribution. The chart uses D3 v7 to load CSV data via `d3.csv`, then renders an SVG with `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `scaleOrdinal` with `schemeCategory10` for colors. Bars are constructed by grouping data per year and stacking segments for each country. The visualization includes axes labels, a title, and a legend, with the y-axis measuring visitors and the x-axis showing years from 1995.

Ssaikrishnabussa

Untitled

This visualization uses a circular chord diagram to display migration patterns between world regions, with colored arcs representing directional flows where arrow size indicates the volume of movement between regions. Built with R, it loads a weighted adjacency matrix from GitHub and processes it using `tidyverse` for data manipulation, `viridis` for the color palette, and `circlize` to render the diagram itself. The plot features rotating sector labels, axis ticks with graduation marks, and arrow-styled links that vary in height to convey migration magnitude.

Sshmouelsamares

Ssridhardubala106@gmail.com

Fork of Simple Scatter Plot

This scatter plot compares visitor numbers at tourist locations between 2019 and 2021. Each dot represents a place, with its position determined by the number of visitors in each year. The visualization uses D3.js v7, loading CSV data from a remote gist URL. It renders as an SVG using `d3.select`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`, with circles positioned via the `x` and `y` scales.

2017: Stretched Chord Diagram - Start Academiejaar ICTS Servicepunt

This visualization shows the flow of incoming versus resolved IT support tickets across different departments at a service desk, with tickets moving from the left half of the chart to the right. It uses a stretched chord diagram where the two halves are pulled apart along the x-axis to emphasize direction. The code relies on D3 v3’s `d3.layout.chord` with a custom layout function to sort chords and reduce overlap, and a custom `stretchedChord` function that modifies the SVG arc and curve paths to apply the pull-out effect. An animated linear gradient travels across the chords, and hover interactions dim non-selected links.

MMisunoKitara

Rrobertotienonyaranga@gmail.com

Fork of Fork of Simple Scatter Plot

This scatter plot compares tourist visitor numbers between 2019 and 2021 for various places. Each dot represents a location, with its horizontal position showing 2021 visitors and vertical position showing 2019 visitors, using D3.js’s `d3.scaleLinear` for axes. The data is loaded from a CSV via `d3.csv` with `d3.autoType` for parsing. The visualization renders SVG circles styled with CSS, with axis labels added using `d3.axisBottom` and `d3.axisLeft`. The chart’s title appears above the plot, and the grid is removed for a cleaner look.

Ssridhardubala106@gmail.com

Reusable scatter plot_ICE7

This reusable D3 scatter plot visualizes tourist visit data across three years (2019–2021) for various places, showing the relationship between 2021 and 2019 visitor numbers. The chart animates every two seconds, cycling the x-axis through each year's data while the y-axis remains fixed on 2019. Built with D3 v6, it uses `scaleLinear`, `extent`, and axis functions (`axisLeft`, `axisBottom`) within a custom `scatterPlot` function. SVG circles represent data points, with margins and radius configurable. Data loads from a CSV file parsed by `csv`, and the animation uses `setInterval` to update the x-value accessor and re-render.