Skip to main content
SimilarExport ZIP
100%

Population by Language

✓ Published1🌍 Public
Jjabowen2020@gmail.com
Last edited Mar 9, 2024
Created on Feb 28, 2024
Forked from Circles with D3

This animated visualization compares the global distribution of languages by total and native speakers. It displays a static ranking of languages with their speaker counts, using colored circles and text labels to represent each language. The visualization is built with D3 v7, rendering into an SVG container. The code references data for languages such as English, Mandarin Chinese, and Hindi, with the potential for interactive zoom, though zoom functionality is noted as currently broken.

AI-generated description

World Languages

Things that need fixing...

  • Zoom is not working correctly
  • I would like to make the text labels that pop up bigger
  • I would like to be able to reference the data instead of hard coding it
  • It would be nice to find out a way to auto fit the date on the screen
MIT Licensed

Similar vizzes

Loading thumbnail…

Interactive pie chart for population

This interactive pie chart visualizes the population distribution of major Indian languages, showing each language’s share as a colored arc with a tooltip revealing its exact count and percentage. Users can toggle legend items to enable or disable language segments, which dynamically recalculate the displayed percentages. Built with React and D3 v7, the visualization uses `d3.pie`, `d3.arc`, and SVG paths, with `d3.scaleOrdinal` providing the color scheme. The dataset, embedded directly in the code, lists 22 languages with their speaker counts in millions.

PPriyaEnuganti
75% match
Loading thumbnail…

Sample1

A bubble chart displays the world's most spoken languages, with circle positions and sizes encoding total speakers and native speaker counts. Ten languages load sequentially with animated growth, and hovering enlarges a bubble while showing its name in a tooltip. The visualization uses D3 v7 selections and transitions to animate circle radii, with an SVG rendering on a light green background. Data is embedded in the source as static objects.

FFrancesco Di Filippo
75% match
Loading thumbnail…

Activity6-Question4

This bubble chart shows the global distribution of language speakers, plotting native speakers on the x-axis and total speakers on the y-axis. Circle size encodes total speakers via the square root, and labels identify each language. The visualization uses d3.scaleLinear for axis scaling and d3.select to manage the SVG rendering, with data loaded from a CSV file. Circle styling and text labels are applied via CSS classes.

Ssowmyaammula.sdv@gmail.com
73% 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
70% 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…

2019: Circle Packer ICTS (excl. spam/geannuleerd)

This animated visualization uses a circle-packing layout to display continents and the languages spoken within each, with circle sizes scaled by the number of countries speaking each language. The rendering relies on the circlepackeR R package, which implements the circular packing algorithm through D3.js force-directed simulation. Data is sourced from a Gist example originally created by justlebeau, with subsequent forks refining the dataset through 2019. The animation dynamically adjusts the nested circles, providing a hierarchical view of linguistic distribution across global regions.

MMisunoKitara
68% match
Loading thumbnail…

Extinct Languages ScatterMap

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.

KKiernan Nesslar
68% match
Loading thumbnail…

Population per most populated countries

This visualization displays population data for the most populated countries as circles positioned on a scatterplot, using d3.scaleLinear for x and y axes. The SVG rendering includes d3.axisBottom and d3.axisLeft for coordinates. The code currently plots static circle elements using data binding with d3.selectAll and .enter().append('circle'), though population data appears to be represented by the predefined coordinate array rather than loaded external data.

Ttenghaoman
68% match