Map of India

100%

✓ Published0🌍 Public

Last edited Mar 18, 2021

Created on Mar 18, 2021

A choropleth map of Tunisia displays each delegation as a colored polygon, using a paired color scheme to differentiate regions and a hover effect that turns polygons maroon. The visualization is rendered with SVG via d3.geoPath and a d3.geoMercator projection, loading TopoJSON data from a remote GitHub repository. Interactive zooming is enabled through d3.zoom, which applies transforms to the map group, and tooltips appear via appended title elements.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

India map

A choropleth map of India displays districts and states, with district boundaries colored by state and hover states highlighting individual districts. The visualization uses D3.js version 5.16 and d3-geo-projection.v2 to project TopoJSON data for India’s states and districts from GitHub sources. Tooltips reveal district names and their parent states. The map employs the Mercator projection and includes zoom functionality via event handling.

Ddheeraj1509

79% match

Loading thumbnail…

India map

This visualization displays a choropleth map of India, using a Mercator projection to render the country’s geographic boundaries as SVG paths. The map is colored using a categorical color scale (`d3.scaleOrdinal` with `schemeCategory10`), and individual regions change to a pink hover color via CSS. The geographic data is loaded as a TopoJSON file from a GitHub gist, parsed with the `topojson` library’s `feature` function, and drawn using `d3.geoPath`. The map is built with React, with an interactive header and styled via an external stylesheet.

66264kusuma@gmail.com

79% match

Loading thumbnail…

India Map

This example displays a choropleth map of India’s states, with each state filled by a distinct color from d3’s `scaleOrdinal` and `schemeCategory10`. Using topojson data loaded from a remote GitHub repository, the code projects the geometry with `d3.geoMercator` and renders it as SVG paths via `d3.geoPath`. State names are positioned at each polygon’s centroid, while hover effects and a light pink stroke are defined in the accompanying CSS. The visualization relies on the D3 v5 library and topojson for geographic feature extraction.

NNithish Kumar

79% match

Loading thumbnail…

Map of India Part 1

A choropleth map of India displays administrative regions, with each state filled by a categorical color and labeled by name. Built with d3.geoPath and geoMercator projection, it renders TopoJSON features into SVG paths. The map loads country boundary data from a remote TopoJSON file, while state names and a simple tooltip come from feature properties.

NNita

79% match

Loading thumbnail…

India map- chloropleth map

This choropleth map of India renders each state as a colored SVG path, with colors assigned by an ordinal scale based on the state’s name. The map uses a Mercator projection and includes state labels positioned at polygon centroids. It loads TopoJSON geographic data and converts it to GeoJSON with the `topojson` library, then draws paths using `d3.geoPath`. A CSV from a GitHub gist containing women’s population data is fetched with `d3.csv`, though it is only logged to the console and not visualized.

NNita

79% match

Loading thumbnail…

country map

This interactive visualization displays a choropleth map of India rendered as SVG paths. Using D3 v5 with the geoMercator projection and geoPath API, it draws country boundaries with colors assigned via scaleOrdinal. Data is loaded from a Gist-hosted TopoJSON file and parsed through the topojson library’s feature function. Hovering highlights regions in violet. The visualization also includes a white header text, with styling handled by an external CSS file.

Ppavankalyan1507

79% match

Loading thumbnail…

india map

This interactive visualization displays a choropleth map of India, with district-level polygons colored by state and state boundaries outlined in black. Users can pan and zoom the map using d3.zoom. The map is rendered with SVG paths generated by d3.geoPath and a d3.geoMercator projection. District and state boundaries come from TopoJSON files, with district tooltips showing district and state names on hover. The map uses d3.scaleOrdinal with d3.schemeCategory10 for district coloring.

Bbindhureddy98

79% match

Loading thumbnail…

India Map made ith D3

This choropleth map visualizes India’s states using D3 v5, with each state filled by a categorical color scale based on its name. A Mercator projection, configured with custom translation and scaling, renders the TopoJSON geometry as SVG paths, while state labels are placed at each path’s centroid. The code uses `d3.json`, `d3.geoPath`, `topojson.feature`, and a `scaleOrdinal` with `schemeCategory10`, with data loaded from a remote GitHub TopoJSON file.

TTusar

78% match