Gustoća stanovništva Republike Hrvatske

100%

Gustoća stanovništva Republike Hrvatske

✓ Published2🌍 Public

Last edited Jan 26, 2023

Created on Nov 13, 2022

This choropleth map shows population density across Croatian counties, with the city of Zagreb standing out as the most densely populated area. The visualization uses a red color scale with nine bins to represent density ranges, and hovering over a county reveals its name, population, and density per square kilometer. The map is rendered with SVG and built using D3.js v6, employing `d3.geoMercator` for projection and `d3.geoPath` for drawing the geographic features from TopoJSON data. A color legend is manually constructed using `d3.scaleLinear` and `d3.schemeReds`.

AI-generated description

Projekt iz kolegija: "Kartografija i nove tehnologije."

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Gustoća stanovništva Republike Hrvatske

This choropleth map of Croatia displays population density by county, using a red sequential color scale with a corresponding legend. Each county shape is colored based on its density class, and hovering over a region reveals a tooltip with the county name, population, and density. Built with D3 v6, the visualization loads geographic data from a TopoJSON file, projects it using `d3.geoMercator`, and renders paths via `d3.geoPath`.

AAleOG

89% match

Loading thumbnail…

Fork of Gustoća stanovništva Republike Hrvatske

A choropleth map of Croatian counties displays population density using a red sequential color scale, with a legend categorizing density ranges and hover tooltips showing county name, population, and density. The visualization loads TopoJSON data from `Croatia.json` and renders it as SVG paths using `d3.geoPath` with a `geoMercator` projection. The code styles each county by its density class via `d3.scaleLinear` and `schemeReds[9]`, while `d3.scaleOrdinal` powers the legend; the map lacks zoom interactivity despite commented-out `d3.zoom` code.

Nnsatyaprakash22

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

61% match

Loading thumbnail…

Population Choropleth

A population choropleth of U.S. counties uses a logarithmic color scale to show population density, ranging from pale yellow to dark blue. The map projects counties with d3.geo.albersUsa() and renders them as SVG paths via d3.geo.path. Density is calculated by dividing each county’s population (from the 2010 Census shapefile, converted to TopoJSON) by its projected area, with the color domain set between the 1st and 99th percentiles. The topojson.feature API extracts county geometries for display.

Mmbostock

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

60% match

Loading thumbnail…

Population Density Map of the Netherlands

This choropleth map visualizes population density across Dutch neighborhoods using a TopoJSON of administrative boundaries. Each polygon is filled according to its population density, with colors highlighting the spatial distribution of inhabitants per area. The view is rendered as an SVG, and an animated transition gradually reveals or recolors the map to emphasize density differences across regions. The dataset encodes each neighborhood's boundary geometry as arcs, which are transformed into a visual hierarchy of density through sequential updates, creating a clear, interactive overview of population concentration in the Netherlands.

JJulesBlm

60% match

Loading thumbnail…

Choropleth map of Slovakia II

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.

Zzalix

60% match

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

60% match