ice 8 - q1 — VizHub

100%

ice 8 - q1

✓ Published0🌍 Public

Last edited Apr 11, 2026

Created on Apr 11, 2026

Forked from ICE 8-2

A world map dashboard displays summary statistics from the StudentPerformanceFactors.csv dataset, including total students, average exam scores, attendance, study hours, and gender counts, in an adjacent info panel. The D3 v7 visualization renders country boundaries using TopoJSON and a `d3.geoNaturalEarth1` projection with `d3.geoPath`. Countries highlight on hover via CSS, while a tooltip provides additional interaction. The dataset lacks geographic columns, so the map serves as a contextual basemap rather than a choropleth.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE8 - World Map

This visualization displays a world map using D3 version 5. It renders countries as green regions with black borders on a blue sphere. The map uses the Natural Earth projection and retrieves country boundaries from the world-atlas dataset via a JSON file. The code employs `d3.geoPath` with `d3.geoNaturalEarth1` to generate the map, and countries respond to hover events by changing color. Data loading is handled through `d3.json`, with topojson processing features.

VVamsi Krishna

80% match

Loading thumbnail…

ice8

A world choropleth colors countries by adult literacy rate from a local CSV, joined to country names in the world-atlas TopoJSON topology. The map uses D3's `d3.geoNaturalEarth1` projection with `d3.geoPath` for rendering, and a tooltip appears on hover. Interactive zoom and reset controls use `d3.zoom` with event transforms. Countries are stroked in dark blue and highlighted on hover, with a clickable legend and fit-to-screen button.

Kkmohithkumar7@gmail.com

80% match

Loading thumbnail…

ice - 8

A choropleth map displays the estimated number of Samsung users per country using a blue sequential color scale, with tooltips revealing exact values on hover. Built with D3.js v7, it loads world geometry via `d3.json` and TopoJSON, joins ISO codes from a TSV, and reads user data from a CSV. Countries render as SVG paths through `d3.geoPath` and a Natural Earth projection, while a CSS-styled tooltip animates opacity using `transition().duration()`. The map focuses on a subset of 20 listed countries, leaving others gray.

Ccharchana0527@gmail.com

79% match

Loading thumbnail…

ICE-8-Q1.1-World-Map-Basic

This visualization presents a static Natural Earth world map with decorative country colors, where hovering over any country reveals a tooltip showing its name and population data from a hardcoded demo dataset. The map uses d3.geoNaturalEarth1 projection with d3.geoPath to render countries, graticules, and the sphere background as SVG elements. A d3.zoom behavior enables pan and zoom, while mouse events drive the tooltip display. Population values come from a JavaScript Map object rather than the GeoJSON data source.

LLikhitaMudagereShivaraj@my.unt.edu

79% match

Loading thumbnail…

ice 8 Task 1

This visualization displays a world map colored by average daily internet usage hours per person, using a blue sequential scale where darker shades indicate higher usage. It renders geographic boundaries with TopoJSON data and `d3.geoPath`, while `d3.scaleSequential` maps values to colors. Countries without data appear gray. Interactive tooltips appear on mouseover showing the country name and hours. The map uses a Natural Earth projection, includes a gradient legend, and animates tooltip transitions via D3’s `transition.style`.

Kkmuktha09@gmail.com

79% match

Loading thumbnail…

ICE8

This visualization displays a world map where each country is colored according to its population using a logarithmic rainbow color scale. The map is rendered as SVG using D3.js v7 with a Natural Earth projection and TopoJSON data loaded from world-atlas. Countries are drawn as paths using d3.geoPath, with colors assigned via d3.scaleSequentialLog and d3.interpolateRainbow based on population values from an embedded dataset. Hovering over a country triggers a tooltip showing additional information.

Ppashamsahithi2391@gmail.com

79% 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

79% match

Loading thumbnail…

Q1_Ice8

This choropleth map visualizes world population data by country, using a Plasma color scale to represent population magnitudes. Built with D3 v7 and TopoJSON, it loads countries-110m.json and a CSV population dataset, then renders each country as an SVG path via `d3.geoPath` with a Natural Earth projection. Hover interactions trigger a tooltip displaying country name and population, while a color legend explains the scale. Countries without data appear gray, and the map refreshes with smooth transitions.

SSaiSriSuryaBandaru@my.unt.edu

78% match