Map #4 - län — VizHub

Map #4 - kommun

This example visualizes Swedish municipalities on a map, with each region filled by a random color and overlaid with circles of varying sizes at their centroids. One municipality, Gotland, is annotated with a label and leader line. The map is rendered as SVG using D3 v4 with a Mercator projection and a `d3.geoPath` generator, while `d3.geoCentroid` computes circle positions. Municipal boundaries come from the included `lan.json` TopoJSON file, and the code applies a glow filter via SVG defs.

89% match

Map 5 - lan, topojson

A choropleth map of Swedish counties rendered from a TopoJSON file displays each region in alternating gray and red. Hovering over a county highlights it with a black stroke and brings it to the foreground, while a second SVG view shows a zoomed-in detail of that county, centered on its centroid, with its Swedish name displayed as a caption. The visualization uses the D3 v3 library with its `d3.geo.path` and `d3.geo.mercator` projection APIs, processing the `alla_lan(1).json` TopoJSON topology to generate the geographic features and render them as SVG paths.

82% match

sverige

This visualization displays a map of Sweden's counties (län) using D3.js with SVG rendering. The map is projected using a Mercator projection fitted to a 400x400 canvas, with each Swedish county drawn as a separate path from TopoJSON geographic data. The code loads the map data from an external 'lan.json' TopoJSON file and uses d3.geoMercator to project the geographic coordinates, automatically scaling the map to fit the specified dimensions.

82% match

Map 6 - dotmap, kommun, city

This map shows Swedish municipalities as a dot map, highlighting areas with high proportions of residents connected to Stockholm, Gothenburg, or Malmö. Red circles sized by a square-root scale mark municipalities above a 5% threshold, with faint lines connecting them to the selected city. It uses D3 v3 with TopoJSON to load county boundaries and `d3.geo.mercator` with `d3.geo.path` for projection, while `d3.geo.centroid` positions each circle. Data comes from a local TopoJSON file (`alla_lan(1).json`).

Swedish Country Map ICE-8

This example displays a choropleth map of Swedish counties using the Mercator projection, with each county filled in blue and interior boundaries outlined in gray. The map renders as SVG through React, with geographic features generated from TopoJSON data using `d3.geoPath` and `d3.geoMercator`. The code applies `projection.fitExtent` to scale the map to fit the viewport, and county boundaries are extracted via `topojson.feature` and `topojson.mesh`. The visualization uses the d3 v5 library alongside React 16.9.

Aarcothanmukha

Swedish map

This example displays a choropleth map of Swedish counties, with each region filled in teal and interior boundaries highlighted in a contrasting color. It visualizes the geographic subdivisions of Sweden using geospatial data. The map is rendered as SVG with React, using the `geoMercator` projection and `geoPath` from D3 v5, and the TopoJSON data is converted to GeoJSON using the `feature` and `mesh` functions. The projection is fitted to the viewport via `fitExtent`. The data originates from a preprocessed TopoJSON file of simplified Swedish county boundaries.

PPatric Tysk

Swedish map

A choropleth map of Swedish counties rendered as SVG paths, colored in a dark red with light gray borders. The map uses a Mercator projection fitted to the county boundaries, with internal borders highlighted in purple. The visualization is built with React using d3.geoPath for projection and path generation, and topojson’s feature and mesh functions to extract county polygons and interior boundaries from a TopoJSON dataset. The code includes commented-out options for an equal-earth projection and for scaling/centering the map, but the active projection uses d3.geoMercator.

AABCDB15