Skip to main content
SimilarExport ZIP
100%

world map

✓ Published3🌍 Public
Llohitsai62@gmail.com
Last edited Nov 2, 2025
Created on Nov 2, 2025

This interactive map visualizes 2024 automobile metrics, allowing comparison of Total Vehicles and EV Sales across major countries. Country colors reflect the selected metric, while circle sizes encode EV sales volume. Built with D3.js v7, the visualization projects country boundaries from a world-atlas TopoJSON file using `d3.geoPath` and integrates a hover tooltip. A separate legend and toggling buttons drive the color-encoding switches, with the page styled via a clean card-based CSS layout.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

firstt

This interactive world map visualizes automobile metrics for 2024, showing both total vehicles and EV sales by country. Toggle buttons switch the choropleth color scale between these two metrics, while circle size represents EV sales volume and circle color encodes average car price. The visualization uses D3 v7 with d3.geoPath and topojson-client to render world topography, with SVG elements providing animated transitions when switching between metrics. A legend dynamically updates to reflect the current color scale, and tooltips provide detailed country-level data on hover.

119h61a05c9@cvsr.ac.in
90% match
Loading thumbnail…

firstt

This interactive world map visualizes 2024 automobile metrics across ten major markets, using D3.js v7 with SVG rendering. Users toggle between choropleth coloring by total vehicles or EV sales, while circle size encodes EV sales and circle color represents average car price. Hovering reveals detailed metrics via tooltip. The visualization leverages d3.geoPath with world-atlas TopoJSON data, d3.csv parsing, and dynamic legend updates with transition animations.

119h61a05c9@cvsr.ac.in
87% match
Loading thumbnail…

one

This interactive world map visualizes renewable energy usage and CO₂ emissions for 12 major countries in 2024. Users toggle between the two metrics via buttons, triggering smooth color transitions across the geography. The visualization uses d3.geoNaturalEarth1 projection with d3.geoPath to render countries from TopoJSON data, while d3.scaleSequential with interpolateGreens and interpolateReds drives the color encoding. Hover tooltips display detailed country statistics via mouse events. The SVG rendering includes an ocean-colored sphere background and grayscale borders for non-data countries.

Mmuchakurthisahithipatel@gmail.com
75% match
Loading thumbnail…

World Map Visualization

This world map visualization displays all countries in an equirectangular projection, with each nation filled by a distinct color from a categorical scale and labeled with its name at its centroid. Built with D3 v5 and TopoJSON, it loads world-atlas data (countries-110m.json) and uses d3.geoPath with geoEquirectangular projection to render SVG paths. Countries brighten to yellow on mouseover and revert to their original color on mouseout, while a lightsteelblue sphere behind the landmasses provides geographic context.

Ssreeramyamini@gmail.com
74% match
Loading thumbnail…

lets make a Map

This example displays a world map rendered as SVG paths, with countries filled in light green against a dark blue spherical backdrop. It also demonstrates asynchronous data loading and report generation from a JSON dataset of car listings. The visualization uses `d3.geoNaturalEarth1` for projection, `d3.geoPath` to generate country outlines from TopoJSON data fetched via `d3.json` from the world-atlas package, and converts TopoJSON to GeoJSON using the `feature` function from topojson. Car data is retrieved through a custom promise-based `getCars` function.

Rrazidazi88
74% match
Loading thumbnail…

world map

A choropleth map of world countries colored by economy category, with an interactive legend that filters the map when clicking a category. Hovering a country displays its name and value via a tooltip. The visualization uses D3 v5 with d3.geoNaturalEarth1 projection, d3.geoPath for rendering, and d3.zoom for pan and zoom. Data comes from the world-atlas TopoJSON and TSV files, processed with topojson.feature and d3.tsv.

BBajiSharifPatan@my.unt.edu
73% match
Loading thumbnail…

Fork of making map 2

This world map visualizes 2022 renewable energy consumption percentages across countries, using a sequential green color scale where darker shades represent higher renewable energy usage. The visualization loads geographic boundaries from the world-atlas TopoJSON dataset and renders them as SVG paths using d3.geoPath with a natural Earth projection. The code creates a color mapping from an inline dataset of country-specific percentages and tooltips display exact values on hover. D3 v7 handles the data join, while the topojson library converts the geographic data into GeoJSON features for rendering.

Aadithiarikatla@gmail.com
73% match
Loading thumbnail…

BMW volume of sales on the World Map displaying key countries

This visualization displays BMW sales volumes across key world regions from 2010 to 2024 on an interactive world map. It uses a choropleth-like color scheme where countries are shaded based on aggregated sales data, but the code demonstrates a synthetic data-mapping approach: sales from each regional category (Asia, North America, Europe, South America) are evenly distributed across a predefined list of countries within those regions before being summed. The visualization is built with D3.js (v7) using the `d3.geoNaturalEarth1` projection and `d3.geoPath` to render country boundaries from TopoJSON. Hovering over a country triggers a tooltip, while the color scale uses custom thresholds to classify sales volumes into five distinct categories.

BBismark Kofi Owusu Sarfo
73% match