Fork of Gustoća stanovništva Republike Hrvatske

100%

Fork of Gustoća stanovništva Republike Hrvatske

✓ Published0🌍 Public

Last edited May 11, 2023

Created on May 11, 2023

Forked from 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`.

AI-generated description

Projekt iz kolegija: "Kartografija i nove tehnologije."

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Gustoća stanovništva Republike Hrvatske

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`.

Hhenlofren452

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

68% match

Loading thumbnail…

Untitled

This choropleth map shows population density per square mile across California counties, using a sequential orange-red color scale with a threshold legend. The visualization loads GeoJSON topology data and renders county boundaries as SVG paths via `d3.geoPath`. Colors are assigned by county ID using `d3.schemeOrRd[9]`, while the legend uses `d3.scaleThreshold` and `d3.axisBottom` to display the value ranges. County outlines are drawn from a separate topology object with a semi-transparent black stroke.

AAlice Hua

68% match

Loading thumbnail…

Untitled

A choropleth map of population density by census block group uses a sequential color scale from the d3-scale-chromatic library to shade geographic regions. The visualization renders as SVG via d3.geoPath, with a threshold scale mapping density values to the OrRd color scheme and a legend using d3.axisBottom. It loads TopoJSON data containing block group polygons, fills each path according to its population per square mile, and outlines counties with a subtle stroke. The code applies d3.scaleThreshold and d3.scaleSqrt to encode the data range.

JJohan van Beusekom

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

66% match

Loading thumbnail…

Fork of map exemple

This visualization displays a choropleth map of world countries, with each nation filled by a dark red color scale based on its estimated population. The map uses d3.geoMercator projection and d3.geoPath to render geographic features from the World Atlas TopoJSON data. Population values are loaded as TSV data with d3.tsv, while event handling and zoom functionality come from d3.zoom. Country labels and population estimates are attached as SVG title elements, and hover effects are styled through CSS.

Ssnehareddygurram

66% match

Loading thumbnail…

choropleth map for the "Density (P/Km2)"

This choropleth map visualizes global population density by coloring each country according to its estimated population (pop_est) using a viridis sequential color scale. The map renders world geography as SVG paths via d3.geoPath, with country boundaries stroked in white and a hover effect darkening each region. The code loads world-atlas TopoJSON data through d3.json, converts it to GeoJSON with topojson.feature, and maps population values to fill colors. D3 v7 handles the SVG generation and data binding, while the color scale uses d3.scaleSequential with d3.interpolateViridis for continuous color encoding.

JJames Cruz

66% match