Skip to main content
SimilarExport ZIP
100%

Sikkim Map

✓ Published0🌍 Public
Hhimanshucse2012
Last edited Aug 29, 2021
Created on Aug 29, 2021
Forked from Polished World Map

This visualization displays the Indian state of Sikkim, rendered with its internal district boundaries highlighted in teal against a light gray globe. The map uses a natural Earth projection via d3.geoNaturalEarth1 and d3.geoPath to draw geographic features, while d3.geoGraticule adds the background graticule grid. The React component loads GeoJSON data through d3.json and converts it using topojson.feature and topojson.mesh, applying CSS styling to differentiate land, sphere, graticules, and interior borders.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Let's make a map with D3.js!

This visualization displays the district boundaries of Sikkim, India, as a wireframe-style map rendered using D3.js v5 and SVG. It uses `d3.json` to load a local GeoJSON file containing district polygons, then projects them with a Mercator projection centered on the region. The `d3.geoPath` generator draws the outlines, while the SVG viewBox is set to a fixed coordinate system. The map shows only the raw feature boundaries without fills, emphasizing the geometric shapes through thin, semi-transparent strokes.

GGangtokMet
79% match
Loading thumbnail…

India Map

This example displays a choropleth map of India with district-level boundaries colored by state and state outlines highlighted in green. Built with React and D3, it uses `d3.geoMercator` for projection, `d3.geoPath` for rendering, and `d3.zoom` for pan and zoom interactions. The visualization renders as SVG, combining TopoJSON data from two sources—one for state borders and another for district polygons. Hovering over districts turns them black, with tooltips revealing district and state names.

Hharika-1929
75% match
Loading thumbnail…

India Map

This example displays a choropleth-style map of India, rendering each state as a green SVG path against an orange background. It uses React for component structure and d3’s `geoMercator` projection with `geoPath` to convert TopoJSON geographic data into scalable vector graphics. The map loads state boundaries from a remote gist URL via `d3.json`, processes them with `topojson.feature`, and fills the viewport dynamically. The visualization is simple and static, focusing on clear geographical layout rather than interactivity or data encoding.

Ssudhamshu24
75% match
Loading thumbnail…

India Map

This example displays a map of India with its states, rendered as an SVG using D3.js v5 and React. The map uses a Mercator projection and colors each state with a purple scale, with state names labeled at their centroids. The visualization relies on d3-geoPath and a TopoJSON file for state boundaries, with a zoom feature available but not activated in the code.

0007ebey
75% match
Loading thumbnail…

World Map-Sushil

This example displays a world map with country boundaries rendered as SVG paths, using a natural Earth projection and a light, polished color scheme. The visualization shows landmasses in teal, graticules in gray, and interior country borders, all set against a light sphere background. The code uses `geoNaturalEarth1`, `geoPath`, and `geoGraticule` from D3 v5, with TopoJSON data from the World Atlas repository. It loads the topology via `json`, converts it using `feature` and `mesh`, and renders the map through React components.

Sskambhore04
75% match
Loading thumbnail…

India Map

This interactive map of India displays state and district boundaries overlaid on a Mercator-projected SVG. Users can pan and zoom the map using d3.zoom, with districts colored via d3.scaleOrdinal and schemeCategory10. Hovering over a district reveals its name and state in a tooltip. The visualization uses d3.geoPath, d3-geo-projection, and topojson to render geographic data from two JSON sources containing state and district boundaries, with text labels placed at path centroids.

Nnikhilagopi
75% match
Loading thumbnail…

Map - India

This example visualizes the states and districts of India as an interactive SVG map. Users can pan and zoom the map using d3.zoom, while hover states reveal district names via title elements. The visualization uses d3-geoMercator for projection, d3.geoPath for rendering paths, and d3.scaleOrdinal with schemeCategory10 to color districts. Geographic data comes from two TopoJSON sources: India state boundaries and 2019 district boundaries. The code also loads city data from a CSV, though points are not plotted in the final rendering.

Llambda-fox
75% match
Loading thumbnail…

India map

This interactive map of India displays state and district boundaries as SVG paths, with districts colored by state using a categorical scale. Users can pan and zoom the map via d3.zoom. The visualization uses d3.geoMercator for projection, d3.geoPath to generate paths, and topojson.feature to parse geographic data from TopoJSON sources, including state and district boundary datasets. Hovering over a district path changes its fill to dark green and reveals a tooltip showing the district and state names.

Vvarun-030
75% match