Skip to main content
SimilarExport ZIP
100%

Share of people who said they were asked for a bribe or paid one, 2024 #HAW25

✓ Published0🌍 Public
Wwuc280@haw-hamburg.de
Last edited Dec 5, 2025
Created on Dec 5, 2025

The visualization presents two static SVG maps displayed side-by-side: a world map and a map of the United States, with all countries and states rendered in a constant blue color. The maps show geographic boundaries rather than a data-driven choropleth, with an interactive tooltip that reveals the name of each country or state on hover. The code uses D3.js v7 with `d3.geoNaturalEarth1()` and `d3.geoPath()` for map projections, and loads the world geometry from a TopoJSON file via the `topojson-client` library. While the title references 2024 bribe data, the implemented visualization displays only uniform geographic shapes without any data encoding.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

HAW25

This visualization is a choropleth world map showing the most recent population data for each country from a CSV file. It uses a sequential color scale with a square-root transform to encode population values, where darker colors indicate higher populations. Countries without data are rendered in gray. The map is drawn using D3.js with the `d3.geoNaturalEarth1` projection and `d3.geoPath` on top of TopoJSON data from the world-atlas library, with pan and zoom supported.

Wwuc280@haw-hamburg.de
71% match
Loading thumbnail…

dinesh ice8 q1

This example presents a dual-map visualization: a world choropleth and a US states choropleth, rendered as SVG using D3.js v7. The world map uses `d3.geoNaturalEarth1` projection and color-coded countries based on population data from a CSV file, while the US map uses `d3.geoAlbersUsa` projection with state-level values. Both maps load GeoJSON from the world-atlas and us-atlas CDN packages, and use `topojson-client` functions `feature` and `mesh` for geometry processing. A hover tooltip displays values; the US section also includes state borders drawn via a mesh layer.

Ddineshsingiri18@gmail.com
69% match
Loading thumbnail…

ICE8_WorldMap_hd

This example presents two interactive SVG maps built with D3 v7 and TopoJSON: a world map showing random population density values and a U.S. map displaying random crime rates. The world map uses a Natural Earth1 projection, while the U.S. map employs an AlbersUsa projection. Both maps encode data through sequential color scales—YlOrRd for density and Blues for crime—applied to country and state polygons via `d3.geoPath`. The code fetches geographic data from world-atlas and us-atlas CDN packages, then appends tooltips with the corresponding random values.

HHarshithaDontha@my.unt.edu
68% match
Loading thumbnail…

Q! Dinesh

A choropleth world map colors countries by their 2024 GDP in trillions of US dollars, using a sequential blue scale to indicate magnitude. Built with React and D3 v7, it draws the map via `d3.geoEqualEarth` and `d3.geoPath` over a background sphere, with a tooltip showing exact values on hover. Data comes from the included `world_gdp_2024.csv`, matched to the TopoJSON country names through alias normalization.

Ddineshsingiri18@gmail.com
67% match
Loading thumbnail…

Let's make a map!

This map visualization displays countries as light green polygons with black outlines, set against a blue spherical background representing the globe. The example uses D3.js v5, specifically d3.geoPath and d3.geoNaturalEarth1 for the map projection, along with the TopoJSON library to convert geographic data into SVG paths. Country boundaries are rendered from the world-atlas countries-110m.json dataset, which is fetched and processed asynchronously. The visualization demonstrates a basic choropleth-free world map, focusing on geographical shape rendering rather than data encoding.

AAbhijeet Panda
67% match
Loading thumbnail…

Map with D3.js

This map visualization displays world countries on a natural Earth projection using D3.js and TopoJSON data from the world-atlas dataset. It renders an SVG sphere background and country paths filled with teal, which turn red on hover through CSS. The code employs D3 v6 features like `geoNaturalEarth1` and `geoPath` to project geographic coordinates, while `topojson.feature` extracts country boundaries from the loaded TopoJSON file. A tooltip showing each country’s name appears via appended `title` elements.

WWayne716
67% match
Loading thumbnail…

Cheap Tricks for Interaction

This interactive map displays world countries as red-filled polygons on a blue sphere, allowing users to click any nation to highlight it. Built with D3 v5 and TopoJSON, it uses a natural Earth projection and loads geographic data from the World Atlas. The visualization relies on `d3.geoPath` for rendering, `d3.zoom` is not implemented, and click events trigger a `render` function that updates fill colors. Country names are derived from a TSV file and attached as SVG `<title>` tooltips.

Jjons288
67% match
Loading thumbnail…

World Map

This example visualizes homelessness-related diversity metrics across US states, mapping numerical values to a white-to-blue color scale. The code uses D3 v4 with the `geoAlbersUsa` projection and `d3.geoPath` to render state boundaries from TopoJSON data, while territories are colored based on a static `diversity` dataset. State paths receive hover effects through CSS classes, and the visualization is built within a React framework using SVG rendering. Animated interactions are present, though the tooltip functionality appears incomplete in the provided code.

EEunice Tu
67% match