Skip to main content
SimilarExport ZIP
100%

Choropleth map of Slovakia II

✓ Published0🌍 Public
Zzalix
Last edited Feb 24, 2020
Created on Feb 24, 2020

This interactive choropleth map of Slovakia colors each district by its administrative region, with a legend for filtering districts by region and zooming and panning available via d3.zoom. Built with React and D3 v5, it renders SVG paths generated by d3.geoMercator and d3.geoPath from TopoJSON data loaded alongside district-level TSV statistics. The map uses d3.scaleOrdinal with a spectral color scheme, and hovering reveals district names via SVG title elements.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Choropleth map of Slovakia II

This interactive choropleth map colors Slovakia’s districts by region using an ordinal color scale and a Mercator projection. Clicking a legend item highlights matching districts and dims others, while zooming and panning are enabled via `d3.zoom`. The map is rendered as SVG with `d3.geoPath`, using TopoJSON and TSV data joined by district name, with hover tooltips showing district names and values.

PPeter S
97% match
Loading thumbnail…

Choropleth map of Slovakia

This choropleth map of Slovakia colors districts by region, using a spectral color scale. The map is rendered with SVG and uses `d3.geoMercator` and `d3.geoPath` to project and draw administrative boundaries from TopoJSON data. A legend allows selection of a region, which highlights the matching districts and dims others. Zoom and pan are enabled via `d3.zoom`.

PPeter S
94% match
Loading thumbnail…

Map of Slovakia II

A choropleth-style map of Slovakia renders district boundaries as SVG paths, filled in light green with thin black strokes, on a white background. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to convert TopoJSON data from a local `okresy.json` file into geographic features. An auxiliary feature below the map displays a list of filtered car prices, generated asynchronously from a hardcoded dataset via a promise.

PPeter S
87% match
Loading thumbnail…

Circles on a Map of Slovakia

A choropleth map of Slovakia displays districts colored by municipal boundaries, overlaid with scaled circles indicating the number of apartments in residential buildings per district. The visualization uses D3 v5 with a Mercator projection and `geoPath` to render the TopoJSON geometry, while circle radii are sized via a linear `scaleLinear`. District data from a TSV file is joined with geometric features, and a `sizeLegend` displays the population scale. Pan and zoom interactions are enabled through a D3 zoom behavior.

PPeter S
87% match
Loading thumbnail…

Circles on a Map of Slovakia

A choropleth map of Slovakia encodes the number of apartments in apartment buildings per district as circles, scaled by a linear `d3.scaleLinear` and positioned at each district’s centroid via `d3.geoCentroid` and a `geoMercator` projection. Districts render as SVG paths from TopoJSON data, with hover highlighting, while a separate `sizeLegend` provides tick labels. The map supports zooming and panning through `d3.zoom` and uses `d3.tsv` and `d3.json` to load and join tabular census data.

AAnnisa Farida
85% match
Loading thumbnail…

Cheap tricks for Slovakia

This example displays an interactive choropleth map of Slovakia’s districts, highlighting each district’s name on hover. The map is rendered using SVG with D3 v5’s `geoMercator` projection and `geoPath`, while `topojson.feature` converts district boundaries from a TopoJSON file. District labels are linked via a TSV file, and zooming is enabled through D3’s `zoom` behavior. The page also includes a separate car-report demo that uses Promises and ES6 modules.

Mmounika-hub
85% match
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Mmounika-hub
84% match
Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia's districts colors each region light green, with hover states turning red, based on district-level housing statistics from a TSV dataset. The visualization uses D3 v5’s `geoMercator` projection and `geoPath` to render TopoJSON district boundaries, while `d3.zoom` enables interactive panning and zooming. A report listing cars under a price threshold appears below the map, generated asynchronously via promises.

Mmounika-hub
84% match