Альтернативные кандидаты

Альтернативные кандидаты

100% match

Альтернативные кандидаты

This visualization presents the 2014 Ukrainian presidential election as a network of alternative candidates, using a force-directed graph layout. The renderer is D3.js v3, with the `d3.forceSimulation` API driving node placement and SVG paths for the links. The interface includes interactive tooltips and fixed annotations. The data appears to be derived from a gist, and the graph styles edges to distinguish between candidate relationships, such as management or shareholder connections.

88% match

Orbits 3

Orbits 3 is an animated, scroll-driven visualization of political connections in Ukraine, centered on Petro Poroshenko and featuring named figures like Iryna Lutsenko and Ihor Kononenko. The hierarchy is presented as a dynamic orbital layout, where nodes orbit their parent in concentric rings, with portraits of individuals loaded from static.rada.gov.ua URLs. The D3.js layout, defined in d3.layout.orbit.js, uses a custom tick function to update node positions, while graph-scroll.js handles scroll-based transitions between sections. The SVG rendering is powered by d3.layout.pie for angular distribution and setInterval for animation.

73% match

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.

67% match

force

This visualization shows a force-directed network of labeled nodes, where each node’s size is scaled by a `words` value and its color is assigned by the categorical `fill` scale. Two buttons let the viewer switch the layout between figures centered on "Янукович" or "Путин." The code uses `d3.v3` with an SVG rendering, and the layout is driven by an implicit physics simulation (likely via a custom force loop, as no `d3.forceSimulation` call is present). Node positions depend on shared data fields (`poroh`, `yanyk`, `huilo`), suggesting these influence attraction or repulsion.

gaz_ukr

This visualization presents the state of natural gas consumption in Ukraine over the past nine years, breaking down total usage, import sources, and consumer sectors. The interface allows a user to drag a circular handle to adjust the volume of Gazprom gas, revealing the projected impact on Ukraine’s energy balance. Built with D3 v3, the graphic uses SVG for its map and charts, an animated slider mechanism, and axis annotations to compare scenarios. The data is displayed through custom annotations and dynamic charts, drawing on several D3 modules like `d3.scale.linear` and `d3.select` for rendering.

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.

slav

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.