ICE8Wmap

100%

✓ Published0🌍 Public

Last edited Nov 9, 2025

Created on Nov 9, 2025

This map shows global crime rates by country, using a yellow-to-red color scale to represent the range of synthetic crime rate values. Built with D3.js, it renders a Natural Earth projection using `d3.geoNaturalEarth1()` and draws country boundaries with `d3.geoPath()`. The code generates random crime rates and merges them with TopoJSON country data from the world-atlas package via `topojson.feature()`. It also adds a graticule layer with `d3.geoGraticule()` and an interactive color legend with axis labels.

AI-generated description

MIT Licensed

Similar vizzes

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

84% match

Loading thumbnail…

ICE 8 PART 1 CRIME RATE

This map visualizes homicide rates per 100,000 people for selected countries, using a red sequential color scale from light to dark to indicate increasing crime severity. Hovering over a country displays a tooltip with its name and specific rate, while nations without data appear grey. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering country outlines from TopoJSON data via topojson.feature, and d3.scaleSequential with an interpolateReds interpolator. Interactivity relies on D3 event handlers for mousemove and mouseout, with the map rendered as an SVG.

Ssakethgoud333@gmail.com

84% match

Loading thumbnail…

ICE8_Map

This example presents a world map colored to display sample population data for a selection of countries, with a grayscale fill for regions without data. It loads country boundaries as TopoJSON from the world-atlas package and uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering, and a sequential color scale with d3.interpolateBlues to encode values. Interactive mouseover events highlight countries in orange, while the map is rendered as SVG with a bold title.

YYash Raj Mathur

83% match

Loading thumbnail…

Country map ICE 8

This choropleth map shows crime rate values for U.S. states, encoded with a threshold color scale ranging from light blue to dark navy. The map renders SVG paths via `d3.geoPath` with a `d3.geoAlbersUsa` projection, using TopoJSON data from the us-atlas repository. State values are loaded from a CSV file and mapped to fill colors, with a legend displaying the color bins alongside interactive tooltips on hover.

GGuntupalli Mohan kalyan

82% match

Loading thumbnail…

ICE_8

This example displays a world choropleth map, coloring each country according to randomly generated sample data values. Countries appear in varying shades of blue, with hovering over a country turning it orange and revealing its specific value in a tooltip. The map uses D3 v7 with a natural Earth projection via `d3.geoNaturalEarth1` and renders geographic paths with `d3.geoPath`. It loads TopoJSON country boundaries from the world-atlas package, converts them to GeoJSON, and applies a sequential color scale with `d3.scaleSequential` and `d3.interpolateBlues`.

Ddeepshikathakur111@gmail.com

82% match

Loading thumbnail…

ICE8CAmap

This choropleth map displays synthetic crime totals for each Canadian province, colored on a yellow-to-red sequential scale. It relies on the D3.js v7 API, projecting province boundaries with `d3.geoAlbers()` and rendering them as SVG paths through `d3.geoPath()`. The map loads GeoJSON from the `click_that_hood` repository, assigns random values, and includes an interactive legend with a color gradient and axis.

Ddandamidhun41613@gmail.com

82% match

Loading thumbnail…

ICE 8- 1Q Sadvik Kondadi

This example presents two interactive choropleth maps side by side: a world map visualizing population data using a Natural Earth projection, and a United States map displaying crime rates via an Albers USA projection. Both maps use D3 v7 and TopoJSON to render SVG paths, with sequential color scales (blue for population, green for crime) encoding numeric values. Hovering over a country or state triggers a tooltip showing the region name and its corresponding statistic. The code loads GeoJSON from world-atlas and us-atlas packages accessed via CDN.

SSadvik

82% match

Loading thumbnail…

ICE8_ Map

This choropleth map displays population distribution across selected countries, using an orange sequential color scale to encode values from a CSV dataset. Built with D3.js v7 and TopoJSON, the visualization projects country boundaries with `d3.geoNaturalEarth1` and renders them as SVG paths via `d3.geoPath`. Hovering triggers a tooltip showing country ID and formatted population, while a gradient legend with an axis communicates the color scale. The base geometry comes from the world-atlas TopoJSON file, and countries without data appear gray.

Ssaitejak1619@gmail.com

82% match