Trump administration timeliness 2025

Fork of Trump administration timeliness 2025

This fork of a Trump administration timeline visualizes six bills signed in 2025 as events plotted along a vertical time axis. Each bill is marked with a circular node and a small X-shaped icon, color-coded by category (Policy, Political, or International). The visualization uses D3.js version 7 with an SVG rendering approach, employing `d3.scaleTime` for the date axis, `d3.scaleOrdinal` for category colors, and `d3.axisLeft` for the labeled tick marks. Interactive tooltips reveal details on hover, and the data is hardcoded in the source.

83% match

Articles Timeline

This example displays a timeline of articles about Donald Trump, plotting each article as a point based on its modification date and allowing the user to aggregate the data by time intervals from seconds to years. It uses the d3-milestones library to render the timeline, with a dropdown menu in the HTML form controlling the aggregation granularity. The bundled JavaScript (bundle.js) supplies the article data, which includes titles, URLs, timestamps, and text snippets, and the visualization updates to reflect the selected time grouping.

Aala-wahibi

66% match

Time Line

This timeline visualization displays the projected start and end dates for a series of project phases, from Induction through Tag, spanning late 2019 into early 2020. The chart uses an SVG canvas with D3 v5’s `scaleBand` for the categorical phase labels and `scaleLinear` for the date range. Data is loaded from a CSV file. The code builds a horizontal bar chart, using `axisBottom` for the time axis and custom tick formatting, and applies a reusable group `g` to position elements within specified margins.

GGeolffrey S Mena

65% 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.

64% match

Timeline

This timeline displays yearly data from 2008 to 2020, showing the number of lines and the ratio of non-NA values as colored bars. The visualization uses a linear scale for both axes, with bars colored from red to green based on the ratio, and includes an interactive tooltip that reveals exact values on hover. Rendered as an SVG animation, the example loads D3 via UNPKG and imports functions like `scaleLinear`, `axisBottom`, and `axisLeft` from the D3 module, with data provided inline as an array of objects.

MMauradion

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.

Trump Topics Streamgraph

A streamgraph visualizes search interest in Trump-related news events from January to September 2017, using Google Trends data indexed to 100. The chart stacks 40 topics as colored, wiggling areas, with labels positioned via `d3.areaLabel` and wrapped using a custom `wrap` function. Built with D3 v4, it applies `d3.stack` with `stackOffsetWiggle` and `stackOrderInsideOut`, renders SVG paths via `d3.area` and `curveBasis`, and includes major and minor time axes.

CCurran Kelleher

Create major events across different countries today

This visualization combines a world map with a timeline of major political events across different countries. The map uses a Mercator projection to display countries colored by GDP, population, or CO2 emissions with interactive tooltips, while a separate timeline shows events categorized as Political, Policy, or International. Built with D3 v7, the example uses `d3.geoMercator`, `d3.geoPath`, and TopoJSON data from world-atlas, with zoom functionality via `d3.zoom` for the map and scale time axes for the timeline.