ICE-8 World Map (Dhanusree Kodali)

100%

ICE-8 World Map (Dhanusree Kodali)

✓ Published2🌍 Public

Last edited Sep 27, 2022

Created on Jul 9, 2022

This visualization presents a world map with data points plotted from a SPARQL query against the Netwerk Digitaal Erfgoed API. It uses a natural Earth projection via `d3.geoNaturalEarth1` and renders country boundaries with `d3.geoPath` from TopoJSON data. Each retrieved location appears as an animated circle that transitions from zero to its final radius using `d3.easeBounce`, with staggered delays. The map is drawn with SVG elements styled in CSS, and the code relies on D3 v5 and the TopoJSON library.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

ICE-8 part-A Task1 - World Map

This visualization presents a world map with natural Earth projection, overlaid with animated points representing geographic locations from a SPARQL query. The map uses d3.geoPath and d3.geoNaturalEarth1 to render country boundaries and the ocean sphere, while circles mark queried coordinates. Points emerge with a bounce transition, increasing in radius over time. Data comes from the Netwerk Digitaal Erfgoed API, and the code relies on topojson for country features and d3.json for map data.

Mmomopng

92% match

Loading thumbnail…

ICE 8 World Map using D3

This visualization presents a world map using D3.js with an equal-area natural Earth projection, plotting over 1,500 data points retrieved from a SPARQL endpoint. Each point is drawn as an SVG circle whose coordinates are projected from longitude and latitude values. The map itself is rendered with `d3.geoPath` using TopoJSON country outlines. Circles appear sequentially with a staggered `transition` delay, using a bounce easing function to animate their scale from zero to full size, creating a cascading effect across the globe.

Ssowmyanagula@my.unt.edu

92% match

Loading thumbnail…

ICE 8 World Map using D3

This example shows a world map with animated circles that plot 1,500 museum object locations retrieved from a SPARQL endpoint, using a Natural Earth projection via `d3.geoNaturalEarth1` and `d3.geoPath`. Each location appears sequentially with a bounce easing effect, transitioning from radius 0 to 8 pixels using `transition.attr`. The map is rendered as SVG, with country boundaries from TopoJSON (world-atlas) and a light blue sphere. The code uses D3 v5 and TopoJSON to fetch and draw geographic features.

Vvidhyanamini

91% match

Loading thumbnail…

ICE 8 : D3 World map

An interactive D3 world map plots up to 1,500 museum object locations as animated circles. The map uses a Natural Earth projection via `geoNaturalEarth1` and renders country boundaries with `geoPath` from TopoJSON data. Circle positions come from a SPARQL query against the Network of Digital Heritage API, with latitude and longitude mapped through the projection. Each point appears sequentially with a bouncing `transition` effect, styled as white circles over goldenrod countries on a black sphere.

SShreeti Upreti

88% match

Loading thumbnail…

ICE8 - World Map - DV

This visualization displays an interactive world map using the Natural Earth projection. It renders a blue sphere and draws country boundaries as white-stroked paths. The example uses the D3 library (v5) with topojson to process GeoJSON data from the world-atlas package, employing the d3.geoPath function and the geoNaturalEarth1 projection to generate the SVG output. The map is created by fetching countries-110m.json and iterating through the topojson features.

HHema1430

87% match

Loading thumbnail…

ICE - 8: World Map

This visualization displays a world map using a natural Earth projection, rendered as SVG paths. Countries are filled with green and outlined with subtle strokes, while the surrounding sphere is colored light blue. The code uses D3 v5's `geoNaturalEarth1` projection and `geoPath` to generate paths, with TopoJSON's `feature` extracting country boundaries from the world-atlas dataset. It appends a sphere path first, then loads country geometries asynchronously from the CDN-hosted TopoJSON file.

PPYATA SHARAN

87% match

Loading thumbnail…

ICE 8 (World Map)

This visualization displays a world map using a natural Earth projection, with each country rendered as a distinct SVG path. The map is initially presented as a grey sphere with countries shown in their default color, and hovering over a country highlights it in blue with a white outline. The code uses D3.js v5 and the topojson library to fetch geospatial data from the world-atlas dataset and convert it into geographic features via `d3.geoPath` and `projection`. The rendering approach leverages the `geoNaturalEarth1` projection for a visually balanced earth representation.

Pprashanth yamala

86% match

Loading thumbnail…

ICE-8 World Map

This interactive world map visualizes country boundaries using data from the World Atlas TopoJSON. It renders a Natural Earth projection using d3.geoNaturalEarth1 and d3.geoPath, displaying green landmasses with teal country interiors and gray graticules on an orange sphere. Built with React, the visualization loads the TopoJSON via d3.json and uses topojson.feature and topojson.mesh to prepare the geographic data for SVG rendering.

Llikith1266

86% match