Skip to main content
SimilarExport ZIP
100%

ICE-8

✓ Published1🌍 Public
Aashishkommanaveni05@gmail.com
Last edited Apr 11, 2026
Created on Apr 11, 2026

The visualization displays a color-coded map of the United States, where each state is shaded according to its geographic region, using a dataset of cars to provide context. It renders geographic boundaries with D3.js v7 and TopoJSON, employing `d3.geoPath` with an Albers USA projection to draw state shapes. The map highlights regional distributions by assigning distinct colors to the West, Midwest, South, and Northeast areas, based on FIPS codes. The visualization includes a tooltip for interactivity and relies on the `cars_dataset.csv` file for supplementary data.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE 8

This visualization displays a choropleth map of the United States, with each state filled by a categorical color from the D3 category10 scheme. The map uses the geoAlbersUsa projection and renders state boundaries as SVG paths with white strokes via d3.geoPath. It loads US Atlas TopoJSON data from a CDN, extracts state features using topojson’s feature function, and shows state names as tooltips on hover.

66264kusuma@gmail.com
88% match
Loading thumbnail…

ICE-8

This visualization displays a world map where countries are colored to show the number of car records in the accompanying cars_dataset.csv. The map focuses on the geographical distribution of car manufacturers, with darker purple shades indicating higher record counts. It uses d3.geoPath with a natural Earth projection to render the map and topojson-client to convert the world-atlas TopoJSON data. Hovering over a country triggers a tooltip showing the country name and its car record count, while a threshold color scale distinguishes different data ranges.

Aashishkommanaveni05@gmail.com
87% match
Loading thumbnail…

ICE8: Country Map USA

This choropleth displays the contiguous United States with each state filled in a distinct color from the D3 categorical schemeDark2 palette. The map uses the geoAlbersUsa projection and renders SVG paths via d3.geoPath, while the state boundaries come from a TopoJSON file loaded from the jsdelivr CDN. Hovering temporarily changes a state’s fill to a dark maroon, revealing its name as a tooltip. The visualization relies on d3.scaleOrdinal to assign colors and the topojson.feature method to convert TopoJSON into GeoJSON for drawing.

SSharmaAshwini
85% match
Loading thumbnail…

ICE8_Country Map

This map visualizes comparative state-level index scores across the United States, using an orange sequential color scale to encode values from a CSV dataset. Hovering over each state reveals its name and score via an interactive tooltip. Built with D3 v7 and TopoJSON, the visualization uses d3.geoPath and d3.geoAlbersUsa to render state boundaries from the us-atlas TopoJSON file, with a gradient legend showing the color-to-value mapping.

Ssaitejak1619@gmail.com
85% match
Loading thumbnail…

ICE8 USA Map

This visualization displays a map of the United States with state boundaries rendered as blue filled polygons with orange strokes, using the geoAlbersUsa projection via d3.geoPath. It loads TopoJSON data from the US Atlas TopoJSON repository, converts it with topojson.feature, and appends SVG path elements for each state. Hovering over a state changes its fill to red, while geographic graticules are included in the styling. The map is built with D3 v5 and rendered as SVG.

Sshiiva-surya
84% match
Loading thumbnail…

ICE 8 - Country Map

This map of the United States displays all 50 states using a geographic projection that includes territories. The visualization uses `d3.geoPath()` with a `geoAlbersUsaTerritories` projection to render the land and state borders. Geographic data comes from a TopoJSON file loaded via `d3.json()`, with `feature` and `mesh` from TopoJSON. States are filled with lawngreen, turn blue on hover, and the SVG is rendered through React components.

SSuresh John Wesly
84% match
Loading thumbnail…

ICE-8 America Map

This interactive map displays the fifty United States as an SVG visualization, with each state rendered as a light green path that darkens on hover. The map uses a TopoJSON dataset loaded from a GitHub gist and projects it using d3.geoAlbersUsa with d3.geoPath for geographic path generation. State names appear as tooltips via appended title elements. The visualization relies on D3 v5 for data binding and TopoJSON’s feature conversion to extract state geometries from the encoded topology.

SSheshidharreddy
84% match
Loading thumbnail…

ICE8-Country map

This choropleth-style map displays all 50 US states using an orange fill with black state boundaries, highlighting individual states in green when hovered. The visualization loads geographic data from a TopoJSON file via `useData()`, then renders it as SVG paths using `d3.geoPath()` with the `geoAlbersUsaTerritories()` projection. Built with React and D3 v5, the code integrates TopoJSON's `feature()` and `mesh()` functions to generate land polygons and interior borders.

KKolliTeja
84% match