Fork of Trump administration timeliness 2025

Trump administration timeliness 2025

This timeline visualizes the first year of the Trump administration (2025) in a vertical scrolling format, using d3.scaleTime and d3.scaleOrdinal to position events by date and color-code them by category (Political, Policy, International). The chart uses d3.axisLeft for the time axis and d3.selectAll with join to render interactive event circles, connecting dashed lines, text labels, and a tooltip activated on click. A custom legend and title are included in the SVG layout. Data comes from a manually curated array of political events with descriptions.

83% match

Fork of Fork of Fork of Fork of Escalation to War: A Timeline of Key Events (1953 - 2025)

This circular timeline visualization maps political and military events in the Middle East from 1953 to 2025 onto a ring, with event nodes positioned by date using `d3.scaleTime` and color-coded by category. The view opens with static SVG rendering of the timeline axis, year markers, and event circles, and users can click events to view details or filter by category. Built with D3.js v7, the visualization uses an interactive SVG layout where events are drawn as circles around a circular axis, with tooltips and a details panel that populates on selection.

71% match

Fork of Fork of Fork of Escalation to War: A Timeline of Key Events (1953 - 2025)

This circular timeline maps 12 key Middle East events from 1953 to 2025 chronologically around a central axis. Events are color-coded by category, and hovering reveals summaries while clicking populates a detail panel. Built with D3.js v7, it uses `d3.scaleTime` for angular positioning, `d3.timeFormat` for date formatting, and CSS transitions for animated details. The SVG visualization renders year markers, tick labels, and interactive filtered event nodes based on user-selected categories.

70% match

Fork of HTML Starter

This interactive visualization depicts a chronological timeline of events from the June 2025 Gaza crisis, sourced from a CSV file of reported incidents. It combines an upper scrollable overview with a detailed lower timeline, using color-coded, clickable elements to explore event specifics like actors, descriptions, and impact. Built with D3.js v7, the visualization employs DOM manipulation and event handlers to assign lanes, manage tooltips, and synchronize selections between the two views, updating a details panel upon user interaction.

69% match

Fork of Fork of Fork of Time series - labels - change x,y experiment ticks

This visualization displays temporal database relationships from Snodgrass’s SQL model, using rectangles to map validity and registration intervals on dual time axes. D3 v7’s `scaleTime`, `axisLeft`, and `axisBottom` render the SVG graph, while custom tooltip handlers on mouse events reveal date details. The code derives adjusted end dates for open intervals and computes rectangle widths and heights from the scale domains. Data originates from static JavaScript arrays with ISO date strings, parsed into `Date` objects for plotting.

BBart van Pelt

Fork of Vanilla D3 Vibecoding Template

This timeline visualization plots seven events from 2020 to 2026 along a linear time axis, with event names on the y-axis and categories shown as colored dots using D3’s `scaleLinear`, `scalePoint`, and `scaleOrdinal` APIs. The chart uses a configured `config.js` with sample event data rendered via `renderTimeline`, which calls `axisBottom`, `axisLeft`, and `renderLegend`. Hovering over legend items fades non-matching points and raises matching ones, driven by `setHoveredColorValue`. Point styling and colors follow IBM Plex Sans and Roboto typography with a BBC-inspired color theme.

GGabriel Dantas

Fork of MedData - TimeLine TT

This fork of MedData displays a Gantt chart timeline for task scheduling, with colored bars representing task categories like development, coding, and promotion across a time scale. The visualization uses d3.timeScale and d3.timeFormat to map dates, while d3.scaleLinear with interpolateHcl generates the color gradient. The SVG rendering includes a grid background, task rectangles with rounded corners, and text labels positioned within each bar. A separate line chart component appears to be present in the code structure.

Ppplomith

Fork of Fork of Time series - labels - change x,y

This visualization plots time-series data as rectangles on a two-dimensional time grid, where the x-axis represents registration times and the y-axis represents validity periods. Each rectangle encodes a versioned data entry with its start and end dates, and hovering reveals a tooltip with detailed timestamp information. The implementation uses D3 v7 with SVG rendering, including scaleTime, axisLeft, axisBottom, and mouse event handlers. The data comes from a hardcoded JavaScript array with formatted date strings.

BBart van Pelt