Skip to main content
SimilarExport ZIP
100%

Location of Almaty Plane Crash

✓ Published3🌍 Public
CCurran Kelleher
Last edited Dec 27, 2019
Created on Dec 27, 2019
Forked from Points on a Map

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.

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…

Fork of Location of Almaty Plane Crash

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`.

Mmoslem-tg
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
67% match
Loading thumbnail…

try Map)

This map shows the African country of Kazakhstan, rendered in brown with black borders on a light blue background. It uses D3 v5 and TopoJSON to load world-atlas country data from a CDN. The code applies the `geoAlbersUsa` projection with `geoPath` to convert geographic coordinates into SVG paths, filtering the dataset to display only Kazakhstan from the complete set of world countries.

SSnapika
66% 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
65% 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
61% match
Loading thumbnail…

USA AIRPORT

A map of USA airports displays each location as a gray circle with a two-letter abbreviation label, overlaid on a geographic projection of US states. The visualization uses D3 v5 with geoAlbers and geoPath for map rendering, while React components manage the SVG structure. Airport coordinates are loaded from a CSV file, and state boundaries come from a TopoJSON atlas. The map is complemented by a separate time-series histogram showing monthly totals of dead and missing individuals, built with D3's scaleTime, bin, and sum functions.

FFAN CHI YU(范紀予)
61% match
Loading thumbnail…

World Map

This interactive world map uses a natural Earth projection to display global landmasses, countries, and graticule lines. The visualization renders geographic features using d3.geoPath and geoNaturalEarth1, with data sourced from the world-atlas package. Land areas appear in teal, the sphere background in light gray, and country interiors are outlined with a distinct stroke. The example demonstrates how to combine React, D3, and TopoJSON to create a stylized SVG world map.

KKazushige Okuma
61% match
Loading thumbnail…

Major U.S. Destination Airports

This visualization maps major U.S. destination airports using a conic conformal projection rendered with d3.geoPath. Each flight destination appears as a semi-transparent red circle, with overlapping points creating darker regions that indicate higher flight density. State boundaries come from the U.S. Atlas TopoJSON, while flight data is loaded from a CSV containing latitude and longitude coordinates. The React application uses d3.geoAlbers with fitExtent to scale the map, and includes graticules and a sphere outline for geographic context.

JJosvin John
60% match