Extinct Languages ScatterMap

100%

Extinct Languages ScatterMap

✓ Published1🌍 Public

Last edited May 13, 2024

Created on May 2, 2024

Two linked D3.js v6 visualizations explore the global distribution and endangerment status of languages. A world map uses `d3.geoPath` with an equal-earth projection to plot each language as a point, colored by its degree of endangerment. A connected scatterplot uses a log scale for speaker counts, with a `d3.brush` selection that highlights matching language points on both charts simultaneously. The data comes from a CSV of language statistics joined with a GeoJSON world map.

AI-generated description

What regions have the highest densities of extinct/endangered languages?

How is the number of speakers of a language related to its level of endangerment?

This is a connected map/scatterplot encoding. The colors represent the level of endangerment of a given language and are consistent across the two charts. There is a brush function that allows you to isolate a given section of the scatterplot. The Y-Axis of the scatterplot is the Number of Speakers of a given language. The dropdown menu is not functional yet

TBD Drop down on chart actually functions lol Cleaning up of Axes/Labels

Basic bar chart of total amount of Languages of different classes

Interactive scrollable map with tooltips for each language. |___> beginnings of this here: https://vizhub.com/Dastair/89b86bdaabc045408c10333b3ea01688?edit=files&file=index.js

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of HTML Starter

This example visualizes endangered languages of the world as a scattermapbox plot, with points colored by endangerment level (vulnerable through extinct) and tooltips showing language names and speaker counts. It loads data from a remote CSV using d3.csv, then constructs a Plotly chart with the `scattermapbox` trace type and a `groupby` transform for categorical styling. The layout uses a dark Carto map style, zoom controls, and custom background colors, all rendered through Plotly's `newPlot` API.

KKiernan Nesslar

78% match

Loading thumbnail…

Fork of dropdown test

This visualization combines a world map and a scatter plot to explore the geographic distribution and speaker counts of endangered languages. It features a dropdown menu to filter data by country, using d3.geoMercator and d3.geoPath to render the map, while the scatter plot uses a log scale and d3.brush for interactive selection. The code relies on d3.scaleBand, d3.scaleLog, and d3.scaleOrdinal to encode endangerment categories and speaker numbers, with data processed from imported files.

KKiernan Nesslar

77% match

Loading thumbnail…

dropdown test

This interactive visualization combines a world map with a scatter plot to explore language endangerment and speaker numbers. A dropdown menu filters the data by country or global view. Map points and scatter plot marks are rendered as SVG circles, colored by endangerment level using a sequential ordinal scale. The scatter plot uses a logarithmic y-axis for speaker counts and supports brushing to highlight matches across both views. Built with D3 v6 and React, it uses `d3.geoAugust` for map projection and `d3.scaleBand`/`d3.scaleLog` for axes.

KKiernan Nesslar

77% match

Loading thumbnail…

Fork of dropdown test

This interactive visualization combines a geographic map and a scatter plot to explore endangered languages worldwide. A dropdown menu filters data by country, updating both the map points and the plot simultaneously. The map uses an August projection via `d3.geoAugust()` and `d3.geoPath()`, while the plot displays speaker counts on a log scale against endangerment categories. Brushing on the scatter plot highlights corresponding map marks. Built with React and D3 v6, it renders SVG elements and employs `d3.scaleOrdinal` for color encoding.

Bbepnye@gmail.com

74% match

Loading thumbnail…

Fork of world map

This fork of a world map visualizes the top 25 most spoken languages of 2024, shading each country according to a dominant language family. It presents a choropleth map with a legend and tooltips that appear on hover to show the country’s primary language and speaker count. D3.js v7 renders the map as an SVG, using `d3.select` to build the visualization and TopoJSON client for geographic data. The dataset is embedded in the code, mapping specific countries to their respective languages and speaker populations.

Ssravya7136@gmail.com

72% match

Loading thumbnail…

Fork of Map

This map shows the most spoken language for a selection of countries, with each country colored according to its dominant language and popups revealing total and native speaker counts along with linguistic origin. Built with Leaflet for map rendering and D3.js for loading GeoJSON country boundaries and CSV speaker data, the visualization uses a custom hashing function to assign distinct HSL colors to each language. A legend lists the top ten languages from the data, and the color mapping reveals geographic language clusters across continents.

Ssravya7136@gmail.com

70% match

Loading thumbnail…

Fork of countries

This scatterplot of countries uses urban population as the x-axis and country names as the y-axis, with circles colored by each nation’s official language. Hovering over the color legend filters the displayed points to only those matching that language, dimming non-matching data. The visualization is built with React, D3 v5’s `scaleLinear`, `scaleOrdinal`, and `extent` for scales, and custom React components for axes, marks, and the interactive legend. Data loads from a CSV via `d3.csv`, and all elements render as SVG inside a single `<svg>` canvas.

Rrushithareddyy

70% match

Loading thumbnail…

CS 360 final project choropleth

This choropleth map displays the most popular languages (l1–l5) per country using October 2022 data, with each country colored by its primary language’s share of page views. Hovering over a country highlights it and reveals the top five language names and their proportional bar lengths in a custom axis. The visualization uses d3.geoPath with a geoEquirectangular projection to render the world map, d3.scaleThreshold and d3.schemeBlues for coloring, and d3.axisTop for the interactive bar chart that appears on hover.

EEmperor-Nathan

69% match