Fork of Gantt Chart of USSR Elites

100%

Fork of Gantt Chart of USSR Elites

✓ Published0🌍 Public

Last edited Jul 23, 2021

Created on Jul 23, 2021

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Gantt Chart of USSR Elites

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.

XXianbin Gu (Bing)

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

67% 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

67% match

Loading thumbnail…

gork

A line chart with multiple dropdowns displays trends for GDP, CPI, and life expectancy over time. The visualization uses d3.csv to load data from a remote GitHub repository and d3.scaleLinear, d3.line, and d3.axisBottom/axisLeft to render the SVG chart. A dropdown menu built with D3’s selection and join methods lets users switch indicators, triggering an updateChart function that recomputes scales and redraws the line.

LLayaMyadam@my.unt.edu

67% match

Loading thumbnail…

Fork of Untitled

This visualization shows a hierarchical dataset of political and armed groups using a circle-packing layout. It displays how groups are nested within categories like "armed," "communist," and "islam," with each leaf labeled by its name. The code uses D3’s `pack` function to compute the circles, then renders them as an SVG with drop shadows, clip paths, and wrapped text. The color scale encodes the tree depth, and hover tooltips reveal the full path and value. The data originates from a `data.json` file, though the accompanying HTML also loads a Google Charts Sankey diagram from pre-processed rows.

Mminecci

67% match