Skip to main content
SimilarExport ZIP
100%

Fork of Gustoća stanovništva Republike Hrvatske

✓ Published0🌍 Public
Nnsatyaprakash22
Last edited Mar 27, 2023
Created on Mar 27, 2023

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.

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
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
87% 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
72% 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
72% 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
72% 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
71% match
Loading thumbnail…

Fork of Choropleth Map

This choropleth map colors countries by their economic classification, using a spectral color scale. The visualization loads population data from a CSV and world map geometry from TopoJSON, joining them by country ID. The map is rendered as SVG paths using `d3.geoPath` with a Natural Earth projection, and includes a custom color legend built with `d3.scaleOrdinal`. Hovering highlights a country in red, while pan and zoom are enabled through the `d3.zoom` API.

Rrekhapasupulet
71% match
Loading thumbnail…

Untitled

A choropleth map of population density per square mile colors U.S. census block groups using a threshold scale and the sequential color scheme `d3.schemeOrRd[9]`. The visualization includes a square-root-scaled legend with an axis, and overlays county boundaries as black strokes at 30% opacity. The code loads TopoJSON data via `d3.json`, converts it with `topojson.feature`, and renders it with `d3.geoPath`. The legend uses `d3.scaleThreshold` and `d3.axisBottom`. The map is built with D3 v4 and React in the supporting files.

AAlice Hua
70% match