Skip to main content
SimilarExport ZIP
100%

Fork of Sarawak Visualize By Kevin

✓ Published0🌍 Public
Aamith-2001
Last edited Oct 5, 2023
Created on Oct 5, 2023

This choropleth map of Sarawak uses a natural Earth projection to render the state’s districts, with each region filled using a blue sequential color scale. The visualization loads GeoJSON district boundaries via `d3.json` and `topojson.feature`, then draws SVG paths with `d3.geoPath`. State selection filters data to Sarawak only. Built with React and D3 v5, the map adapts its projection to the available width and height.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Sarawak Visualize By Kevin

This example visualizes the state of Sarawak in Malaysia using a choropleth map rendered with SVG. It selects the Sarawak region from a GeoJSON dataset, displaying it in blue shades through D3’s `geoNaturalEarth1` projection and `geoPath`. React manages the component state, while D3’s `json` loader fetches the topojson data, which is converted using `topojson.feature`. The script uses d3.v5, React 16.9, and a Tableau10 color scale for ordinal mapping.

Kkevinadikahaskim
91% match
Loading thumbnail…

Fork of Polished World Map

This interactive map isolates the state of Sarawak, Malaysia, rendering its district boundaries as a natural Earth projection fitted to the viewport. Built with React and D3 v5, it uses `d3.geoPath` to project TopoJSON data and applies a blue ordinal color scale to distinguish each district. The visualization emphasizes a single region within the broader world map context.

Sstichtingcas
84% match
Loading thumbnail…

Fork of specific map

This interactive map of Indonesia highlights the state of Sarawak in red, using a natural Earth projection. Built with React and D3 v5, it loads GeoJSON data via D3’s `json` function from a remote URL, then renders the SVG paths with `d3.geoPath` and `d3.geoNaturalEarth1`. A sequential red color scale from `d3.schemeReds` fills the selected region, while other features remain unpainted. The implementation relies on React hooks (`useState`, `useEffect`) to fetch and store the dataset, and the topojson library processes the geometry.

Sshreyasribearelly@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Fork of Fork of india map

This visualization displays a choropleth map of India, rendering both state boundaries and district-level subdivisions. Districts are filled with categorical colors using a `d3.scaleOrdinal` with `schemeCategory10`, and hovering over a district turns it black. The map uses a `d3.geoMercator` projection and `d3.geoPath` to draw the geometry. It is built with React and D3, pulling TopoJSON data from GitHub sources for state and district boundaries. Pan and zoom interactions are enabled via `d3.zoom`.

Ssaiteja0725
74% match
Loading thumbnail…

Fork of Fork of Fork of india map

This visualization shows a choropleth map of India with district-level boundaries colored by state and overlaid with state outlines, enabling pan and zoom interaction. The map renders districts using `d3.geoPath` with a `geoMercator` projection, while state and district data come from external TopoJSON files. Hovering a district displays its name and state in a tooltip via appended `title` elements, and the view transforms with `d3.zoom`. District colors derive from `scaleOrdinal` with `schemeCategory10`.

Ssaiteja0725
73% match
Loading thumbnail…

Fork of Fork of india map

This visualization displays a map of India with its states and districts, colored by state using a categorical color scale. It shows district-level boundaries with hover effects that turn districts black, and state boundaries with orange strokes. The map supports zooming and panning via d3.zoom. Built with React, it uses d3.json to load TopoJSON data from GitHub sources, d3.geoMercator for projection, and d3.geoPath to render the SVG paths.

Ssaiteja0725
72% match
Loading thumbnail…

Fork of India Map

This visualization displays a choropleth map of India with its districts and states, rendered using the Mercator projection and geographic path generation. It overlays district boundaries colored by state using `d3.scaleOrdinal` with `schemeCategory10`, while state borders are stroked in black, and hovering highlights districts in dark blue. The map supports interactive zooming via `d3.zoom`, with district and state data loaded from GeoJSON and TopoJSON sources, and uses SVG paths for rendering.

GGogineni44
72% match
Loading thumbnail…

Fork of Fork of Fork of india map

This visualization displays a zoomable map of India with all its districts and states, rendered as SVG paths. The map uses categorical colors for districts and overlays state boundaries with red strokes. Built with D3 v5, it employs `d3.geoMercator` for projection and `d3.geoPath` to generate paths from TopoJSON data. The map supports interactive zooming via `d3.zoom`, and hovering over districts changes their fill to silver, while tooltips show district and state names from the loaded data.

DDivyaVellanki
72% match