Skip to main content
SimilarExport ZIP
100%

Untitled

✓ Published0🌍 Public
Aamiralitah
Last edited Jul 9, 2022
Created on Jul 9, 2022

This interactive map of Italy visualizes random numeric values assigned to each province, rendered using the Highcharts mapChart API. The map loads topology from a Highcharts GeoJSON source via a URL fetch, and the data is joined to the map using the `hc-key` property. Users can navigate the map with built-in map navigation controls, and each province displays its name as a label, with hover states highlighted in green.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A map of Italy displays city markers colored by population, with a green-to-blue scale. The visualization uses the Google Charts GeoChart API with markers mode, mapping population and area data for eleven Italian cities including Rome, Milan, and Naples. The chart renders within an HTML div, loaded via Google's loader script with a maps API key for geocoding marker positions.

Llumosduy
78% match
Loading thumbnail…

Fork of Map

This interactive map of Italy visualizes a playful, made-up “Pasta Variety Index” for ten major cities. Circle size and color encode the index value on top of the country’s geographic outline, with a hover tooltip revealing city details. The visualization is built with D3.js v7, rendering to SVG, and uses the `topojson-client` library to load world-atlas TopoJSON data. A custom `d3.geoPath` projection draws the country, while a simple CSS-based tooltip provides interactivity.

Kkovuribalanagavinay@gmail.com
74% match
Loading thumbnail…

Fork of Italy Map

This example displays a map of Italy’s provinces using D3’s `geoMercator` projection and `geoPath` to render SVG paths. TopoJSON data is loaded from a GitHub source and converted with `feature`, while a categorical color scale fills each region. The map supports zoom and pan via D3’s `zoom` behavior, which applies transforms to a group element.

Kkirangithub23
69% match
Loading thumbnail…

Fork of Country Map

This example displays a choropleth map of Italy, highlighting its regional borders and using a Mercator projection to shape the geographic outlines. The visualization is rendered as an SVG, with sky-blue fill for regions and black strokes for interior boundaries, while a hover effect changes the region color to PaleVioletRed. The code leverages D3 v5’s `geoMercator` and `geoPath` for map projection and path generation, TopoJSON’s `feature` and `mesh` functions to process geographical data from the italy.json file, and React with a custom `useData` hook to fetch and manage the data.

RRinoj-Gautam
69% match
Loading thumbnail…

Country Map

This example displays a choropleth map of Italy, with its administrative regions filled in sky blue and separated by black borders. The map uses the Mercator projection and renders geographic features with the `geoPath` function from d3. Hovering over a region highlights it. The application is built with React, fetching TopoJSON data from a remote URL and processing it with the `topojson` library to generate land features and interior borders.

CCH SAMPATH
69% match
Loading thumbnail…

Untitled

This interactive world map displays country landmasses in black with white boundaries, rendered in the Mercator projection. Users can pan and zoom the map by dragging and scrolling, with the view constrained to prevent excessive movement. The visualization is built with D3 version 3.5, using its geo and behavior modules alongside the topojson library. Geographic data comes from a 50-meter world dataset loaded as JSON, and the SVG rendering updates dynamically during navigation.

YYujunliu95
66% match
Loading thumbnail…

Untitled

This example presents an interactive map of Canada that displays a tooltip with the name of each province on hover. The map is rendered as SVG using d3.v7, with province shapes generated via `d3.geoPath` and the Albers projection. On mouse movement over a province, a styled `div` tooltip is positioned and populated with the province’s name, while the province’s CSS class changes its fill color; on mouse-out, the tooltip is hidden. The geographic data is loaded as JSON from a remote gist.

Ssnehareddygurram
66% match
Loading thumbnail…

Untitled

This interactive map displays the towns of New York State, rendered as SVG paths using TopoJSON data. Users can click any town to zoom in on it with a smooth transition, and clicking again returns to the full state view. The visualization uses `d3.geo.albersUsa` for the projection and `d3.geo.path` for drawing, with click handling that triggers a 750-millisecond `g.transition` to scale and translate the view. The active town is highlighted in sky blue via CSS class toggling, while county borders remain white.

Llupica.matthew@gmail.com
66% match