Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Scatter Plot World Heritage List

✓ Published0🌍 Public
CCoollRock
Last edited Sep 28, 2021
Created on Sep 28, 2021

An interactive scatterplot of UNESCO World Heritage Sites from an online dataset uses D3 v6 to map each site as a circle, colored by continent. Initially, longitude and latitude position the points on a map-like layout; dropdown menus allow switching axes to date inscribed or continent. The code employs D3's `scaleLinear`, `scalePoint`, `scaleTime`, and `transition` APIs with animated transitions and jitter to mitigate overplotting.

AI-generated description

Source: Unesco Dataset.

I downloaded a dataset with the list of Natural and Cultural Heritage Sites of around the world. The first 'view' is a scatterplot/map because the x-axis is longitude and the y-axis latitude (hoping to learn how to make a map soon).

  • The first insight from this view is that Europe (yellow dots) concentrates a lot of heritage sites.
  • When you go to the second view (date on x-axis and continent on y-axis) you can see that Oceania and Africa are the Continents with fewer heritage sites, although there is a lot of overplotting so you can't really see how Europe is the number 1 continent (I added a little of jitter to avoid that, but it was not enought).

Things I didn't have the time to learn, but will like to add in the future:

  • Add tooltips
  • Limit the options for X & Y
  • Add axis titles
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Scatter Plot World Heritage List

This visualization of UNESCO World Heritage sites uses D3.js version 6 to render an interactive scatter plot. The initial view plots each heritage site by longitude on the x-axis and latitude on the y-axis, with colors representing continents, revealing Europe's concentration of sites. Users can switch axes through dropdown menus to compare fields like date inscribed and continent. The visualization employs D3's scale functions (`scaleLinear`, `scaleTime`, `scalePoint`) for axis mapping and `transition` for animated updates. Data comes from the UNESCO World Heritage List, with circles receiving jitter to reduce overplotting.

Ccssergio
94% match
Loading thumbnail…

Fork of Scatter Plot World Heritage List

This interactive scatter plot visualizes UNESCO World Heritage sites, using longitude and latitude to reveal geographic clustering, particularly in Europe. Users can switch axes between coordinates, continent, and inscription date via custom dropdown menus, with animated transitions updating the SVG circles. Built with D3 v6, the visualization employs scaleLinear, scalePoint, and scaleTime for scaling, plus a categorical color scale for continents. The code loads data from a CSV URL and implements a reusable scatterPlot module with jitter to mitigate overplotting on categorical axes.

CCurran Kelleher
94% match
Loading thumbnail…

Fork of Scatter Plot World Heritage List

This interactive visualization explores the UNESCO World Heritage list, displaying each heritage site as a colored dot representing its continent. Users can switch the x- and y-axes between longitude, latitude, continent, and inscription date using custom dropdown menus. The scatter plot uses D3 scales, transitions, and SVG circles to animate position and radius changes when axes are updated, revealing geographic clustering and regional distributions across continents.

BBart van Pelt
92% match
Loading thumbnail…

Scatter Plot World Heritage List

This interactive scatter plot visualizes UNESCO World Heritage Sites from a downloaded dataset, using longitude and latitude for the default axes to reveal Europe’s high concentration of sites. Users can switch axes to explore date inscribed or continent, with jitter applied to mitigate overplotting. Built with D3 v6, it uses `scaleLinear`, `scalePoint`, and `scaleTime` for scaling, `axisLeft` and `axisBottom` for axes, and transitions to animate circle positions and growth. The SVG rendering includes opacity-based color coding by continent.

OOleg Zhernovoy
90% match
Loading thumbnail…

Scatter Plot World Heritage List

This interactive scatter plot visualizes UNESCO World Heritage Sites, with each dot representing a heritage element and its color indicating the continent. Users can switch the x- and y-axes between quantitative variables like longitude and date_inscribed, or categorical continent values, using custom dropdown menus. The visualization uses D3 v6 with SVG rendering and transitions to animate circle positioning and axis updates. Data comes from the official UNESCO dataset, while the code employs `scaleLinear`, `scalePoint`, `scaleOrdinal`, and `transition` to handle scaling, coloring, and animation.

Mmaxthamt
89% match
Loading thumbnail…

Fork of Scatter Plot World Heritage List

This visualization plots UNESCO World Heritage Sites as colored dots, with each dot representing a heritage element and its color indicating the continent. The scatterplot maps longitude and latitude coordinates, revealing that Europe contains a high concentration of sites. Users can switch axes between quantitative variables (longitude, latitude, date inscribed) and categorical variables (continent) using dropdown menus built with a custom D3 `menu` module. The SVG rendering uses D3 scales, axes, and transitions with jittered positioning to reduce overplotting, with data sourced from the UNESCO dataset.

Ggrigoriu-stefan-iulian
89% match
Loading thumbnail…

Scatter Plot World Heritage List

This interactive scatter plot visualizes UNESCO World Heritage Sites by geographic coordinates, with each dot colored by continent. The view reveals Europe’s high concentration of heritage sites, while a second view plotting inscription date against continent shows fewer sites in Oceania and Africa, though overplotting obscures comparisons. Users can switch the x- and y-axes between longitude, latitude, continent, and date using dropdown menus. Built with D3 v6, the visualization uses SVG, scalePoint and scaleLinear for axes, scaleOrdinal for color mapping, and transitions to animate dot position and growth on updates.

TTammminana
86% match
Loading thumbnail…

Covid - 19

This interactive scatterplot visualizes UNESCO World Heritage sites, mapping longitude against latitude to reveal geographic clustering, notably Europe's high concentration of heritage sites. Users can change the X and Y axes through dropdown menus; when switched to categorical or date attributes, the visualization uses jitter to mitigate overplotting. The D3 v6 code builds a dynamic SVG chart with animated transitions, using scales appropriate to data types and color-coding points by continent, sourced from the provided UNESCO dataset.

RrayaneB0t
84% match