slav

100%

✓ Published0🌍 Public

Last edited Jul 7, 2014

Created on Jul 7, 2014

This visualization maps the territorial control of Ukrainian forces and separatists around Slavyansk in July 2014, using a chronological series of annotated narrative text blocks. It displays a static SVG map of Ukrainian oblasts, with the Donetsk region highlighted, overlaid with dated, descriptive event updates that incorporate images and tooltips. The application loads GeoJSON-like topology data to render maps via the `d3.geo` API, while text annotations are positioned absolutely within the HTML. Animation and interactivity are absent, instead relying on fixed spatial storytelling with the `d3` library and its `topojson` module for geographic projection.

AI-generated description

Similar vizzes

Loading thumbnail…

slav

This example presents a chronological, map-based narrative of military events around Sloviansk, Ukraine, from July 1–5, 2014. It combines a static SVG map of Ukrainian regions with overlaid text annotations and photographs positioned along the page. The map is rendered from TopoJSON data using D3’s geographic projection and path generators. Scrolling and hovering trigger tooltips and animated transitions, while D3’s hexbin plugin and queue library are loaded but not visibly applied in the displayed code.

MMraleksa

89% match

Loading thumbnail…

ATO

This map visualizes attacks on Ukrainian forces during a unilateral ceasefire from June 20–30, 2014, using a slider to animate events by day and location. A static SVG map of Ukrainian oblasts, rendered via `d3.geo.path()` with a Mercator projection, is layered with circles and text annotations; hovering over a point triggers a tooltip with attack details. The visualization uses `d3.csv()` to load the dataset and `d3.forceSimulation` for the interactive slider, with colors encoding the date range. The map is built using TopoJSON and SVG animation, while the background annotation provides narrative context.

MMraleksa

77% match

Loading thumbnail…

map_ATO3

This map visualizes the territorial situation in eastern Ukraine during the 2014 anti-terrorist operation (ATO), marking cities controlled by separatists, liberated towns, and recent attack locations. It also plots major regional cities and leader lines for reference. The visualization uses D3 v3 with a Mercator projection and `d3.geo.path` to render Ukraine’s oblast boundaries from a TopoJSON file, while custom SVG circles and labels represent place data. Hovering over map elements triggers a tooltip displaying the corresponding city or village name. The map also includes hexbin overlays and contextual annotations in Russian.

MMraleksa

76% match

Loading thumbnail…

возобновление ато

This visualization maps attacks on Ukrainian forces during the "ceasefire" period of June 20-30, 2014, using a Mercator projection of eastern Ukraine. Circles on the map encode the date, location, and casualties (killed, wounded) of each incident from the CSV dataset. A draggable timeline slider filters events by day, and hovering over a circle displays its attack description in a tooltip. The map is drawn with `d3.geo.path` from a TopoJSON file of Ukrainian oblasts, with animations and transitions handled by the D3 v3 library.

MMraleksa

72% match

Loading thumbnail…

ATO3

A geographic visualization of territory in Ukraine maps the progress of the "ATO" (Anti-Terrorist Operation). The map displays the location of settlements controlled by separatists, recent liberated cities, and the sites of the latest attacks, with the user able to hover over marked cities or hexagons to reveal names in tooltips. The project uses d3.v3 with a Mercator projection and d3.geo.path to draw the map, while d3.hexbin renders a hexagonal overlay, and d3.select appends SVG elements for rendering.

MMraleksa

71% match

Loading thumbnail…

gaz_ukraine4

This interactive visualization, built with D3 v3, displays Ukraine’s natural gas consumption, supply sources, and export patterns over the past nine years using SVG and animation. It features a slider to adjust the volume of Russian gas imports and shows the resulting effects on consumption and reverse-flow supply from Europe. The page includes annotated sections with historical context and uses linear scales, axes, and drag-and-drop interaction for the slider. Data is embedded directly in the code, with text annotations in Russian explaining the geopolitical implications.

MMraleksa

71% match

Loading thumbnail…

Ukraine Events

This visualization maps Ukraine conflict events on a dark, stylized basemap using OpenLayers with a Stamen toner-lite layer, inverted for a moody aesthetic. React manages the map lifecycle and data loading, fetching GeoJSON coordinates via D3's `json`. Each event is rendered as a glowing, soft-edged sprite on a Canvas, generated by a radial gradient in `generateSprite.js` with a Cubehelix color scale, creating a firefly-like cartographic effect. The map automatically removes layers on component unmount.

CCurran Kelleher

71% match

Loading thumbnail…

карта АТО2

This map visualizes the locations of liberation efforts and conflict sites during the 2014 Anti-Terrorist Operation in Ukraine. It plots a dataset of place names and coordinates onto a region map, using red and orange squares to indicate different statuses, such as liberated or in-progress. Tooltips reveal place names on hover. The visualization is built with D3.js version 3, using `d3.geo.mercator()` for projection, `d3.geo.path()` for rendering the geographic data from a TopoJSON file, and `d3.hexbin()` as part of the process, with SVG rendering for all elements.

MMraleksa

69% match