Fork of Country map fork

100%

Fork of Country map fork

✓ Published0🌍 Public

Nnagarjuna1968

Last edited Apr 3, 2022

Created on Apr 3, 2022

This example displays a choropleth-style map of India, with each state filled using a categorical color scale. The visualization renders geographic boundaries as SVG paths using `d3.geoPath` with a Mercator projection, loading TopoJSON data from a GitHub gist. Hovering over a state turns it yellow via CSS. The code uses `d3.json` for data fetching, `topojson.feature` for parsing, and `d3.scaleOrdinal` with `schemeCategory10` for colors, though the fill assignment references an undefined `interpolateRainbow` property rather than actual data values.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Country map fork

This example displays a choropleth map of India using the Mercator projection, with each state colored via a categorical color scale. The visualization renders SVG paths derived from TopoJSON data fetched from a GitHub gist, using `d3.geoPath` and `d3.geoMercator` for geometry and projection. The code employs `d3.select`, `d3.json`, `d3.scaleOrdinal`, and `schemeCategory10` for styling, while the `country` class applies a hover effect that turns regions yellow. The map is built within a React framework using D3 v5.

Nnagarjuna1968

94% match

Loading thumbnail…

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

93% match

Loading thumbnail…

Fork of Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a distinct color from a categorical scale and labeled with its name. It uses a Mercator projection configured through `d3.geoMercator` and renders geographic features via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json`, processed through `topojson.feature`, and drawn as SVG paths. The code assigns colors using `d3.scaleOrdinal` with `schemeCategory10`.

EEeshwarReddy

92% match

Loading thumbnail…

Fork of Fork of India Map

This example displays a choropleth map of Indian states, with each state filled by a categorical color and labeled with its name at its centroid. The visualization uses a Mercator projection and renders the geometry as SVG paths via `d3.geoPath`. State boundaries and names come from a TopoJSON file loaded with `d3.json` and processed through `topojson.feature`. Color encoding is handled by `d3.scaleOrdinal` with `schemeCategory10`, while `d3.selectAll` appends both paths and text labels to the SVG canvas.

HHieuVu179

92% match

Loading thumbnail…

Fork of India Map

This example renders a choropleth map of Indian states using D3 v5 and TopoJSON, with each state colored by a categorical color scale and labeled with its name at the centroid. The visualization uses a geoMercator projection and d3.geoPath to draw state boundaries from the external TopoJSON source, while d3.scaleOrdinal and schemeCategory10 assign colors. State names are positioned using pathGenerator.centroid, and hover effects are not implemented.

Vvamshisoletii

92% match

Loading thumbnail…

Fork of Fork of India Map

This example displays a choropleth map of Indian states, coloring each region with a distinct category color and labeling it with the state name. It loads India’s state boundaries from a TopoJSON file via `d3.json`, then converts and projects the data using `topojson.feature` and a `d3.geoMercator` projection. The map is rendered as SVG paths with `d3.geoPath`, and a D3 ordinal scale with `schemeCategory10` assigns fills. State labels are placed at path centroids.

NNICHAPA

91% match

Loading thumbnail…

Fork India map

This example displays a choropleth map of India, with each state filled by a categorical color scale and labeled with its name. Using D3 v5, the map is rendered as SVG paths generated by `d3.geoPath` with a `geoMercator` projection. The code loads TopoJSON data from the world-atlas package, specifically targeting the `india-districts-2019-734` object, and assigns colors via `scaleOrdinal` with `schemeCategory10`. State labels are positioned at each path’s centroid using `pathGenerator.centroid`.

SSreejaBellamkonda

91% match

Loading thumbnail…

Fork of Map of India with D3 - chloropleth map

This example shows a choropleth map of India’s states, with each state filled by a categorical color scale and labeled by name at its centroid. The visualization uses D3 v5’s `geoMercator` projection, `geoPath`, and `scaleOrdinal` to render the SVG paths. TopoJSON data from a remote GitHub source is parsed with `feature` to draw state boundaries, while state names are positioned using `pathGenerator.centroid`. The map omits the first feature from the dataset, likely removing a national outline or disputed region.

NNita

91% match