Skip to main content
SimilarExport ZIP
100%

Fork of Location of Almaty Plane Crash

✓ Published0🌍 Public
Mmoslem-tg
Last edited Apr 12, 2023
Created on Apr 12, 2023

This map marks the location of the Almaty International Airport plane crash with red circles projected over a natural Earth globe. Using a React and D3 v5 setup, the visualization shows the crash site near Almaty, Kazakhstan, with the world’s landmasses and graticules rendered via `geoNaturalEarth1` and `geoPath`. The data comes from a static array of city coordinates loaded with `useCities`, while the world atlas topology is fetched and converted using `topojson`.

AI-generated description

This map shows the location in the world of the tragic Almaty Airport Plane Crash.

  • Airline: Bek Air
  • Type of Plane: Fokker 100
  • Location: Near Almaty International Airport, Kazakhstan
MIT Licensed

Similar vizzes

Loading thumbnail…

Location of Almaty Plane Crash

This map shows the location of the Almaty International Airport plane crash in Kazakhstan as a red circle on a world map. It uses d3.geoNaturalEarth1 and d3.geoPath to project and render SVG landmasses, graticules, and country borders from the world-atlas TopoJSON dataset. The airport coordinates are hardcoded in the `useCities` hook, while `useWorldAtlas` loads the geographic data with d3.json and topojson. React manages the component state and rendering.

CCurran Kelleher
92% match
Loading thumbnail…

Kazakhstan map

This visualization shows a map of Kazakhstan rendered as an SVG, using a Mercator projection with a visible graticule overlay. The map highlights the country’s boundaries with colored strokes and fills, while the surrounding landmasses are also depicted. The code uses D3 v6’s `geoMercator`, `geoPath`, and `geoGraticule` to generate the geographic shapes, loading boundary data from a TopoJSON file via `d3.json` and `topojson.feature`. The React framework manages the rendering, with the map displayed once the data is fetched.

Pprathyusha-reddy-arch
68% match
Loading thumbnail…

Fork of England Regional Map

This fork of the England Regional Map visualizes Kazakhstan's administrative regions using a D3.js geo projection and SVG rendering. The map, styled with teal region fills and grey interior boundaries, is built with React and renders via the `geoNaturalEarth1` projection and `geoPath` API. Region polygons are drawn from TopoJSON data provided by the geoBoundaries repository, while interior mesh lines highlight administrative divisions.

YYerlan Yeszhanov
68% match
Loading thumbnail…

Fork of England Regional Map

This fork of the England Regional Map visualizes Kazakhstan's administrative regions using a D3.js geo projection and SVG rendering. The map, styled with teal region fills and grey interior boundaries, is built with React and renders via the `geoNaturalEarth1` projection and `geoPath` API. Region polygons are drawn from TopoJSON data provided by the geoBoundaries repository, while interior mesh lines highlight administrative divisions.

YYerlan Yeszhanov
68% match
Loading thumbnail…

Fork of Points on a Map

This interactive world map visualizes the locations of cities and missing migrant incidents using a Natural Earth projection. The view combines graticules, land masses, and country boundaries rendered as SVG paths via d3.geoPath. Circular marks are positioned by projecting longitude/latitude coordinates with d3.geoNaturalEarth1, with city data sourced from Simplemaps and incident data from a CSV file. The visualization is built with React and d3.v5, using topojson for world atlas data processing.

Ttopnep
67% match
Loading thumbnail…

fork of ICE8

This example displays a choropleth-style map of Kazakhstan, rendered as a single SVG path using D3.js v5. It loads world country boundaries from a TopoJSON file via the `world-atlas` package, then isolates Kazakhstan’s geometry using `topojson.feature`. A Mercator projection (`d3.geoMercator`) is fitted to the country’s extent with `fitSize`, and the path is drawn with `d3.geoPath`. The visualization relies on the loaded TopoJSON data and the React framework for page structure, though the map itself is pure SVG.

Pprathyusha-reddy-arch
67% match
Loading thumbnail…

Ai

This example displays a map of Kazakhstan, projected as a single orange path on a green background. Using the D3.js library, it employs the `d3.geoAlbersUsa` projection and `d3.geoPath` to render the country’s boundaries. The program fetches geographic data from the `world-atlas` JSON endpoint, filters for Kazakhstan, and appends the resulting SVG path to the canvas. The topojson library handles feature extraction from the GeoJSON data source.

AAlankruthSai
67% match
Loading thumbnail…

Points on a Map

This visualization displays a world map rendered using D3’s geoNaturalEarth1 projection, with city locations plotted as semi-transparent teal circles based on latitude and longitude data. The map includes graticules, land masses, and country boundaries, all drawn with d3.geoPath. The React app loads TopoJSON world atlas data and a CSV of world cities, using a custom hook to fetch each dataset.

Ffjvoris
67% match