Skip to main content
SimilarExport ZIP
100%

ICE-8_Q1_SUBHASH

✓ Published0🌍 Public
SSubhash
Last edited Nov 3, 2025
Created on Nov 3, 2025
Forked from Map

This visualization pairs a Natural Earth world basemap with a choropleth of U.S. agricultural exports from 2011. The world map uses `d3.geoNaturalEarth1` and `d3.geoPath` with TopoJSON data from world-atlas@2 to render country boundaries and graticules. The U.S. map employs `d3.geoAlbersUsa` to show state-level export values, with an interactive tooltip for additional detail. Both maps are drawn as SVG elements using D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-8

ICE-8 presents a pair of interactive SVG choropleth maps showing world GDP and US state values. The world map projects Natural Earth TopoJSON countries with a Natural Earth projection and uses a green sequential color scale, while the US map uses an Albers USA projection. Both maps use `d3.geoPath`, TopoJSON features, and tooltip interactions. Data is joined from remote CSV sources, with JavaScript fetch and D3’s data loaders handling URL fallbacks.

SSainathreddypotu@gmail.com
82% match
Loading thumbnail…

Fork of ICE-8_hd

This visualization pairs a world map with a U.S. choropleth map, drawing on D3.js v7. The world map uses the Aitoff projection via `d3.geoAitoff` and `d3.geoPath` with `topojson-client` to render country shapes. The U.S. map projects states using `d3.geoAlbersUsa` and shades them according to median household income, with a color legend and hover tooltips. A graticule grid overlays the world map. Both maps use SVG paths, and the income datapoints are embedded as CSV text. The title notes the U.S. map is a choropleth, with hover states revealing exact values.

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

ICE - 8 Making Maps Country

This visualization displays the United States as a single violet country shape on a green background, rendered using an SVG path. It loads world map data from the World Atlas TopoJSON file and uses `d3.geoAlbersUsa` with `d3.geoPath` to project and generate the path. The topojson `feature` method extracts country boundaries, then filters the data to keep only the United States before appending it to the SVG.

SSohilaBheemReddy
78% match
Loading thumbnail…

Dinesh ICE8 Q1

This example shows two maps side-by-side: a world map in a Natural Earth projection and a map of U.S. states using the Albers USA projection, with each state colored according to a numeric value from a linked CSV dataset. The visualization uses D3.js v7 with the `d3.geoNaturalEarth1()` and `d3.geoAlbersUsa()` projections, alongside `d3.geoPath` for rendering GeoJSON features. It loads world countries from `world-atlas`, U.S. states from `us-atlas`, joins state IDs to CSV values, and applies a sequential purple color scale to encode the data.

Ddineshsingiri18@gmail.com
78% 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
78% match
Loading thumbnail…

ICE 8-1

This visualization displays a world map using the Natural Earth projection, with countries filled in pastel green and separated by white borders. The map loads country boundaries from the world-atlas TopoJSON dataset via d3.json, then converts them to GeoJSON features using topojson.feature. Each country path is rendered as an SVG element through d3.geoPath, and hovering reveals the country name through an appended SVG title tooltip. The code relies on d3.v7 and the topojson library for geographic data handling.

Aanirudhrao345@gmail.com
78% match
Loading thumbnail…

ICE-8 NIHA

Two map examples show how D3.js renders geographic data with TopoJSON and custom projections. The world map uses `d3.geoNaturalEarth1` and a sequential blue color scale to encode population values from a CSV, overlaid with a graticule. The US map uses `d3.geoAlbersUsa` with state boundaries from `us-atlas@3`. Both use SVG paths via `d3.geoPath` and a fixed tooltip on hover.

118121a1545
78% 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
78% match