Fork of Bulgaria map

Fork of country map

This example displays a choropleth map of India, with each state colored according to a categorical color scheme. The visualization uses the Mercator projection via `d3.geoMercator` and renders geographic boundaries with `d3.geoPath`. GeoJSON data is fetched from a GitHub Gist, parsed with `topojson`'s `feature` function, and drawn as SVG paths. The map is built with D3 v5, React, and a CSS hover effect that changes state fill colors.

Ssaidhiraj16

Fork of Sweden Map

This example displays a choropleth-style map of Sweden’s counties, rendered as an SVG with aqua-filled regions outlined in red and internal borders in teal. It uses React to render the map and D3’s `geoMercator` projection with `geoPath` to draw the geographic features. The data is loaded as TopoJSON from a GitHub gist and processed with `feature` and `mesh` from the topojson library. The map shows the country’s subdivisions, with a simple loading state displayed while data fetches.

VVineela Reddy

Fork of Polished World Map

This example displays a world map with country boundaries, graticules, and a stylized color scheme using React and D3 v5. The map is rendered as SVG through the `geoNaturalEarth1` projection and `d3.geoPath`, with data sourced from World Atlas TopoJSON. The code uses `d3.geoGraticule` to draw grid lines and TopoJSON’s `feature` and `mesh` methods to extract land polygons and interior borders. The sphere is filled light gray, land is teal, and boundaries are highlighted in a contrasting color.

Bbhargavarathod

Fork of Country Map

This example displays a choropleth map of Italy, highlighting its regional borders and using a Mercator projection to shape the geographic outlines. The visualization is rendered as an SVG, with sky-blue fill for regions and black strokes for interior boundaries, while a hover effect changes the region color to PaleVioletRed. The code leverages D3 v5’s `geoMercator` and `geoPath` for map projection and path generation, TopoJSON’s `feature` and `mesh` functions to process geographical data from the italy.json file, and React with a custom `useData` hook to fetch and manage the data.

RRinoj-Gautam

Fork of Fork of World Map

This example displays an orthographic world map with graticules, landmasses, and country interiors rendered as an SVG using React. The geographic data comes from the World Atlas TopoJSON dataset, which is processed with `topojson.feature` and `topojson.mesh`. The visualization uses `d3.geoOrthographic` for the projection, `d3.geoPath` for path generation, and `d3.geoGraticule` to create the grid lines. The sphere is filled light gray, land areas use a teal color, and country borders appear as black lines.

Bbhargavarathod

Fork of Fork of Polished World Map

This example presents a stylized world map with country boundaries and graticules, rendered as SVG using React and D3. It employs the `d3.geoInterruptedBoggs` projection with `d3.geoPath` to draw land, sphere, and interior mesh outlines, while `d3.geoGraticule` generates the grid lines. Country data comes from the World Atlas TopoJSON, fetched and processed with `topojson.feature` and `topojson.mesh`. The visualization is polished through a clean color palette and minimal design, with all geographic layers composed in a single SVG group.

NNaimisha-M

Fork of Polished World Map

This example displays a world map with country boundaries and graticules, rendered as an SVG using React. The map uses a Natural Earth projection and shows land areas in green, a light blue sphere, and dark green interior borders. The data comes from the World Atlas TopoJSON file, loaded with d3.json and converted using topojson’s feature and mesh functions. Styling is applied through CSS classes, and d3.geoPath and d3.geoGraticule generate the geographic shapes and grid lines.

EEugenio2192

Fork of Polished World Map

This example displays a world map with country boundaries, rendered as a styled SVG graphic that includes graticules, land masses, and interior borders. It uses React for component structure and d3.geoPath with the geoNaturalEarth1 projection to draw geographic features, while d3.geoGraticule generates the background grid lines. The underlying data comes from a TopoJSON file, processed with topojson.feature and topojson.mesh to extract land and boundary geometries. The map is polished with a distinct color palette separating land, ocean, and boundary strokes.

SSophy Sun