Skip to main content
SimilarExport ZIP
100%

Fork of Swedish map - ICE 8

✓ Published1🌍 Public
NNikhilchiguru-8
Last edited Mar 29, 2023
Created on Mar 29, 2023

This visualization displays Swedish county boundaries as a choropleth-style map, using a Mercator projection fitted to the geographic data. Built with React and D3 v5, it loads TopoJSON from a remote URL and converts it to GeoJSON features using `topojson.feature` and `topojson.mesh`. The `d3.geoPath` generator renders the SVG paths, with counties filled in muted red and interior borders highlighted in cyan. The map uses a static color scheme without data-driven encoding, focusing on geometric clarity rather than quantitative variation.

AI-generated description

A scatter plot of Data Canvas Sense Your City Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Swedish map - ICE 8

This visualization shows a choropleth map of Swedish counties rendered with SVG, using a muted rose fill for regions and contrasting teal borders between them. The map is projected using a Mercator projection fitted to the viewport via `d3.geoPath` and `projection.fitExtent`. Data is loaded as TopoJSON and converted to GeoJSON using `topojson.feature` and `topojson.mesh`, with React managing the state through the `useData` hook. The code references a separate Indian state dataset in comments, though the active data source is the simplified Swedish county boundaries.

NNikhilchiguru-8
96% match
Loading thumbnail…

Fork of ICE8 - Swedish Country Map

A choropleth-free geographic map of Swedish counties displays land area in yellow with blue interior boundaries and a light blue sphere background, rendered as SVG paths. The visualization uses React for component structure, d3.geoMercator with fitExtent for projection, and d3.geoPath to draw features and interiors from TopoJSON data loaded via d3.json. County borders are emphasized through a mesh computed with topojson.mesh, distinguishing shared boundaries from external edges.

Bbhargavarathod
93% match
Loading thumbnail…

Fork of Swedish map

This visualization displays the counties of Sweden as a choropleth-style map, with each region filled in teal and boundaries highlighted in contrasting strokes. It uses a Mercator projection fitted to the geographic data, rendering the land areas and internal borders as SVG paths. The code employs React for component structure, with D3’s `geoMercator`, `geoPath`, and `fitExtent` for map projection and layout, and TopoJSON’s `feature` and `mesh` functions to parse the simplified Swedish county dataset.

NNikhilchiguru-8
93% match
Loading thumbnail…

Fork of Swedish map

This visualization presents a choropleth-style map of Swedish counties (laen), rendered as black filled polygons with white interior boundaries, using a Mercator projection fitted to the viewport. It loads GeoJSON data from a topojson file via d3.json and converts it using the topojson.feature and topojson.mesh APIs. The React component uses d3.geoPath with projection.fitExtent to scale the map, while SVG paths are generated dynamically in the Marks component. The styling applies distinct fill and stroke colors to distinguish county regions from administrative borders.

NNikhilMakkena
92% match
Loading thumbnail…

Fork of Fork of Swedish map

This visualization displays the counties of Sweden as a choropleth-style map, with each region filled in teal and outlined by contrasting strokes. It shows the geographic boundaries and internal subdivisions of Swedish counties, rendered as SVG paths. The code uses D3 v5’s `geoMercator` projection and `geoPath` to convert TopoJSON data into map features, while React manages the component structure. The data is sourced from a simplified Swedish counties dataset, with `topojson.feature` and `topojson.mesh` handling the geometry and internal borders.

NNikhilchiguru-8
92% match
Loading thumbnail…

Fork of Swedish map

This visualization displays the counties of Sweden as a choropleth-style map, with each region filled in teal and internal borders highlighted in cyan. It renders county boundaries using the TopoJSON format, converted to GeoJSON features and an interior mesh. The map is projected with a Mercator projection and fitted to the viewport via `d3.geoPath`’s `fitExtent`. Built with React and D3 v5, the code loads geographic data from a remote TopoJSON source and renders the paths as SVG elements.

Nnagamaheswar
92% match
Loading thumbnail…

Fork ICE-8 of Swedish map

This visualization shows the counties (län) of Sweden as filled red polygons with teal borders between neighboring regions, rendered as an SVG map. The map uses a Mercator projection fitted to the geographic data. The code loads TopoJSON data from a gist, converts it to GeoJSON using `topojson.feature` and `topojson.mesh`, and draws paths with `d3.geoPath`. The visualization is built with React, using the `useData` hook to fetch and transform the data, and styles the map with classes defined in CSS.

Mmanvithareddykarra
92% match
Loading thumbnail…

Fork of ICE 8 Swedish map

This example displays a choropleth-style map of Swedish counties, using an olive-green fill for each region and yellow borders between them. Built with React and D3 v5, it loads TopoJSON data from a GitHub gist and converts it to GeoJSON using the `feature` and `mesh` functions from the TopoJSON library. The map is rendered as SVG paths, with the `geoMercator` projection and `geoPath` API handling the geographic projection and path generation.

RRamakanth771
92% match