Skip to main content
SimilarExport ZIP
100%

ICE 8- 1Q Sadvik Kondadi

✓ Published0🌍 Public
SSadvik
Last edited Apr 9, 2026
Created on Apr 9, 2026

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8-1Q Sadvik

This visualization presents two interactive geographic maps side by side: a world map using the Natural Earth projection and a United States map using the Albers USA projection. The world map colors countries by population (in millions) using a sequential blue interpolator, while the US map shades states by crime rate using a green interpolator. Built with D3 v7 and TopoJSON, both maps load geographic data from CDN-hosted world-atlas and us-atlas JSON files, rendering SVG paths via `d3.geoPath` with hover tooltips displaying country or state names and their corresponding values. Non-highlighted regions appear gray, indicating missing data.

SSadvik
93% 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
88% match
Loading thumbnail…

ICE 8 - 1Q Sharanya

This visualization combines a world map and a U.S. map in a single SVG canvas. The world map, using a Natural Earth projection, colors countries by population with a blue sequential scale, while the U.S. map uses an Albers USA projection to depict state-level crime rates in greens. Both maps rely on TopoJSON datasets loaded from `world-atlas` and `us-atlas`, rendered via `d3.geoPath`. The code builds color legends with `d3.scaleSequential` and tooltips for each geographic feature.

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

ICE 8-1.2

This choropleth map displays the crime rate per 100,000 people across U.S. states, using a sequential blue color scale where darker shades indicate higher rates. Hovering over a state reveals a tooltip with the exact value, while states without matching data appear gray. The visualization loads CSV data and U.S. TopoJSON boundaries, then renders them as SVG paths via `d3.geoPath` with an Albers USA projection. It uses D3 v7 for data binding, color encoding, and interactive tooltips, with state names normalized and matched against FIPS codes for labeling.

Ssakethpapareddy@gmail.com
85% 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
84% match
Loading thumbnail…

ICE 8 (1)

This choropleth map displays approximate population data for select countries, with values in millions encoded through a sequential blue color scale. Countries without data appear in gray. The visualization uses d3.geoNaturalEarth1 for projection, d3.geoPath for rendering geographic features from TopoJSON data, and d3.scaleSequential with d3.interpolateBlues for color mapping. Interactive tooltips appear on mouse movement, showing each country’s name and population value. A simple legend accompanies the SVG rendering.

Ssakethgoud333@gmail.com
84% match
Loading thumbnail…

Fork of ICE-8 1A kumar danam

This example presents two side-by-side SVG map visualizations: a world map showing population data and a U.S. map displaying crime rates. The world map uses the `d3.geoNaturalEarth1` projection with a sequential color scale (`d3.scaleSequential` with `d3.interpolateYlOrRd`) to encode population values from a hardcoded dataset, while U.S. states are rendered via `d3.geoAlbersUsa`. Both maps load TopoJSON data from `world-atlas@2` and `us-atlas@3`, converting it with `topojson.feature` and drawing paths using `d3.geoPath`. Graticules and tooltips via SVG `<title>` elements enhance the display.

KKumar Danam
84% match