FORK OF ICE-8: FORK OF INDIA MAP WITH D3.js

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, with each state filled by a color from the d3 schemeCategory10 scale and labeled with its name. It uses d3.geoMercator and d3.geoPath to project and render the TopoJSON data loaded from a GitHub repository, adding interactivity through SVG title elements. The map includes an adjustment that shifts the data array and custom projection settings to frame the country appropriately.

Aamiralitah

Fork of Fork of Fork of Fork of ICE 8 country map

This visualization displays a choropleth map of India, with individual states filled using an ordinal color scale. The map is rendered as SVG paths generated via `d3.geoPath` and a Mercator projection, with the geographic data parsed from a TopoJSON file using the `feature` function. The code also integrates zoom and pan functionality from D3 v5, and applies a hover effect through CSS to highlight state boundaries.

DDINESH SAI BOPPANA

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, colored with a categorical scheme and labeled with state names at their geographic centroids. Using D3 v5, it loads TopoJSON data for India’s administrative boundaries, removes the first feature, and projects the geometry with `geoMercator`. Paths are generated via `d3.geoPath`, while text labels are positioned using `pathGenerator.centroid`. The SVG rendering includes hover titles and a color scale from `scaleOrdinal(schemeCategory10)`, with styling applied through CSS.

DDINESH SAI BOPPANA

Fork of ICE 08 11540905 India Map

This visualization displays a choropleth map of Indian states, with each state filled by a distinct color from a categorical scale and labeled with its name. The map uses a Mercator projection customized through translation and scaling to center on India. Built with React and D3 v5, the code loads TopoJSON data representing India’s administrative regions, converts it to GeoJSON using `feature`, and renders paths via `d3.geoPath`. State names are positioned using `pathGenerator.centroid`, and hover effects change fill color to wheat.

GGogineni44

Fork of India Map: ICE-8

This visualization displays a choropleth map of Indian states, each filled with a distinct categorical color from D3's `schemeCategory10` and labeled with its name at the centroid. The map uses a `geoMercator` projection from `d3.geoPath`, with state boundaries rendered as SVG paths and stroked black for separation. Data comes from a TopoJSON file of India’s administrative regions, processed via `topojson.feature`, and one feature is removed with `shift()`. Text labels are positioned using `pathGenerator.centroid()`.

RRahulChaitu999

ICE-8: Fork of Indian map with D3.js

This visualization displays a map of India with individual states and their borders. Using D3.js version 5 and React, it applies a geoMercator projection via d3.geoPath to render the geographic features as SVG paths. The code loads TopoJSON data from a remote URL, using topojson.feature and topojson.mesh to extract state polygons and interiors. State fill is cyan with gray borders, while internal boundaries appear teal. The map fits within a 960 by 500 pixel viewport using projection.fitExtent.

Mmanasanimmagadda13

Fork of Fork of Fork of ICE 8 country map

This choropleth map displays Indian states, colored using a categorical scale based on interpolated attributes. The visualization uses D3 v5 with a Mercator projection and SVG rendering, loading state boundaries from a TopoJSON file hosted on GitHub. The code employs `d3.json`, `geoMercator`, `geoPath`, and `scaleOrdinal` with `schemeCategory10` to fill each state path. Interactive hover effects are defined in CSS, though the map itself does not implement zooming or panning. The viewport dimensions drive the SVG size, with a custom translate and scale applied to the projection.

DDINESH SAI BOPPANA

Fork of Fork of India Map: ICE-8

This visualization renders a choropleth map of Indian states, using a Mercator projection to display each administrative region with a distinct color from the `d3.scaleOrdinal` categorical scheme. The code loads GeoJSON state boundaries via the `d3.json` function and generates SVG paths with `d3.geoPath`, also placing state name labels at each polygon's centroid. The map is styled with a black stroke between states and is built using D3 v5.

JJustin Roberts