Skip to main content
SimilarExport ZIP
100%

Fork of Map

✓ Published0🌍 Public
Ssravya7136@gmail.com
Last edited Nov 9, 2025
Created on Nov 9, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

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
87% 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
77% match
Loading thumbnail…

Fork of Map

This choropleth map displays a "Literary Population Score" for selected countries, using a blue sequential color scale to represent values from 0 to 100. It loads world geometry from a TopoJSON file via `d3.json` and converts it to GeoJSON features using topojson, then draws the countries with `d3.geoPath` and a Mercator projection. Country fills are determined by looking up three-digit numeric ISO codes in a `Map`, with tooltips showing names and scores. A vertical legend uses `d3.scaleSequential` and `d3.interpolateBlues` to explain the color mapping.

Ssrinathkarumuru@my.unt.edu
76% 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
76% match
Loading thumbnail…

Fork of Map

This example displays a world map colored according to a small set of country population figures, using lighter blue shades to represent higher values. It renders countries as SVG paths through `d3.geoPath` and the `geoEqualEarth` projection, with a Title and Labels for each of the eleven populated countries. The map loads TopoJSON from the `world-atlas` dataset via `d3.json`, and uses a `d3.scaleSequential` with `d3.interpolateBlues` to map populations. A legend in the top-left corner communicates the color scale range.

Mmaddulanagasanjana@gmail.com
75% 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
74% match
Loading thumbnail…

Fork of map exemple

This example shows a world map where each country is colored according to its population, using a threshold color scale and the D3.js library. The map uses a Mercator projection via `d3.geoMercator`, with country boundaries drawn using `d3.geoPath` from TopoJSON data. Hovering over a country triggers a transition that highlights it and dims others, while the underlying data comes from a CSV file. The code relies on `d3.queue` to load external data and uses `d3.scaleThreshold` with `d3.schemeBlues` for the color encoding.

LLauranJade
74% match
Loading thumbnail…

Fork of map1

This world map uses a blue sequential color scale to show internet penetration percentages for a sample of countries, with darker blues indicating higher usage and gray for missing data. Built with d3.geoPath and a Natural Earth projection, the visualization renders country boundaries from the world-atlas TopoJSON and joins names from its TSV file. Interactive tooltips display country names and values, while a legend and captions clarify the color mapping. The code uses d3.scaleSequential with an interpolateBlues interpolator for the choropleth coloring.

Ppriyankachary1701@gmail.com
74% match