Fork of Gantt Chart of USSR Elites

100%

Fork of Gantt Chart of USSR Elites

✓ Published0🌍 Public

Last edited Aug 13, 2021

Created on Aug 13, 2021

This fork of a Gantt chart displays the tenure of Soviet elites from the Brezhnev to Gorbachev eras, using horizontal bars to encode the start and end dates of each individual’s service. The chart uses a custom dataset embedded in the JavaScript, which includes biographical details like birth, death, role, and nationality. Rendered as an SVG via D3 v5, the visualization employs `d3.selectAll` and `.append` to build the chart, with a hover tooltip (`#tag`) that reveals more information about each leader. A light gray grid with `shape-rendering: crispEdges` provides temporal reference lines.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Gantt Chart of USSR Elites

This visualization shows the career timelines of Soviet political elites, with horizontal bars indicating each individual’s period of political activity from the 1950s through the USSR’s collapse. The chart uses d3.v5 to bind the data and render an SVG, with a grid layout and hover tooltip. The code reads a static array of elite members and maps their start and end dates to bar positions, while a CSS-styled tooltip appears on mouseover to show details.

Mmengdong

93% match

Loading thumbnail…

Gantt Chart of USSR Elites

This Gantt chart displays the tenures of Soviet-era political elites, with each horizontal bar spanning from an individual’s start to end time within the Politburo. The chart uses D3 v5 to append an SVG canvas, scales time along the x-axis, and assigns each person to a distinct row, coloring bars by the general secretary’s era. A red tooltip appears on hover, revealing the encoded attributes stored in the data array, such as name, birth and death dates, exit type, and job title. The visualization also renders a light gray grid to aid chronological comparison.

GGee Hyun Kwon

89% match

Loading thumbnail…

Fork of Playing with D3 and Gantt

This fork of “Playing with D3 and Gantt” presents an interactive Gantt chart tracking date ranges for a list of countries. It displays horizontal bars on a timeline, with a brushed mini-map below for zooming and a vertical current-line indicator. The visualization uses D3 v6 APIs including `scaleTime`, `scaleLinear`, `brushX`, `axisBottom`, and SVG transitions. Country data is hardcoded in a separate module, and the chart responds to window resizing while supporting mouseover tooltips via appended HTML divs.

Mmxd

68% match

Loading thumbnail…

Fork of Gantt2 (overlapping titles)

This example visualizes a Gantt chart with horizontal bars representing task durations, colored green or red by status, and includes overlapping time labels for tasks sharing the same start time. It uses D3 v7 to load CSV data, scaleTime for the x-axis, scaleBand for task categories, and SVG rendering with axisLeft and axisBottom. The code filters out labels that collide horizontally, and adds a tooltip on mouseover showing task details.

RRoman Polulekh

68% match

Loading thumbnail…

Fork of Fork of Fork of Interactive Stacked Bar Chart

A forked interactive stacked bar chart displays job titles against their aggregated populations from 1980 and 2023, sourced from a merged dataset. The visualization uses D3.js version 6, rendering SVG rectangles. Color-coded bars for each year are grouped by job type, with tooltips showing the exact population values on hover. The chart employs D3's scaleBand for the x-axis and scaleLinear for the y-axis, with population data summed via d3.sum.

MMonish Galla

68% match

Loading thumbnail…

Fork of SVG

This visualization uses a grouped bar chart to compare job title populations between 1980 and 2023. The code loads data from a merged JSON dataset via `d3.json()` and uses `d3.scaleBand()` for the categorical x-axis, `d3.scaleLinear()` for the y-axis, and SVG `<rect>` elements to render the bars. Hovering over a bar triggers an interactive tooltip that shows the job title and population value. The chart is built with the D3 library (v6) and rendered as static SVG with CSS styling for the legend and tooltip.

MMonish Galla

67% match

Loading thumbnail…

Fork of Playing with D3 and Gantt

This interactive Gantt chart visualizes time intervals for a list of countries across a shared timeline. It displays each country as a horizontal lane with bars representing its start and end dates, alongside a smaller overview chart for navigation. The visualization uses D3 v6 with SVG rendering and includes a brush component for selecting time ranges, which updates the main chart’s visible extent. Data is hardcoded in the `getData.js` module, and the implementation relies on D3 scales, axes, and transition-based animations.

Ffilipwydra

67% match

Loading thumbnail…

Fork of Untitled

This visualization displays uptime data in hours for five dates in January 2017, using a bar chart rendered as SVG. The bars use a steelblue fill that turns brown on hover, with axes styled to remove the x-axis path. The code leverages d3.v4, using `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom` and `d3.axisLeft` to generate the axes. Data is embedded in the script, converted from seconds to hours, and plotted with a y-axis labeled “Frequency.”

HHelen-Luwei-Zhang

67% match