Fork of Fork of Historical Timeline of Israel

100%

Fork of Fork of Historical Timeline of Israel

✓ Published1🌍 Public

Last edited Jun 19, 2025

Created on Jun 19, 2025

Forked from Fork of Historical Timeline of Israel

This interactive timeline visualizes the history of Israel, from the ancient patriarchal age to the Hamas-Israel War of 2023, through three clickable color-coded eras. It plots events and date ranges along a continuous scale, using D3.js v7 to render the SVG chart, axis, and event nodes, with tooltips providing descriptions for each historical event.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Historical Timeline of Israel

This interactive timeline visualizes key events in Israeli history from 2000 BCE to the present, organized into three color-coded historical eras. The horizontal axis maps dates using BCE and CE conventions, with events rendered as circles for single years and bars for date ranges. Hovering reveals event details, names, and descriptions. Built with d3.v7, the visualization uses custom date parsing functions to convert textual date strings into numerical values for plotting, with SVG rendering, axis generation, and tooltip interactions.

NNita

94% match

Loading thumbnail…

Fork of Fork of Fork of Historical Timeline of Israel

This example visualizes a historical timeline of Israel, organized into three major eras with matplotlib-colored event markers plotted along a horizontal axis. It uses D3.js v7 to render SVG elements, including clickable era groups, event circles, and axis labels. The code employs helper functions to parse date strings into numeric x-coordinates, handles date ranges, and includes a tooltip feature for hover details, with an additional zoom function for events around the year 2000.

NNita

92% match

Loading thumbnail…

Historical Timeline of Israel

This interactive timeline visualizes the history of Israel through three color-coded eras, with individual events plotted chronologically along a horizontal axis. It combines known historical narratives with modern political developments, featuring hover effects and tooltips that display event descriptions. Built with D3.js v7, the SVG-based visualization uses custom date parsing functions to map BCE and CE dates to x-coordinates, with collapsible era groupings and animated transitions for an engaging user experience.

NNita

87% match

Loading thumbnail…

Fork of Fork of Israel-Hamas Conflict Timeline

An interactive snake-like timeline charts the Israel-Hamas conflict from October 2023 onward, with color-coded event markers grouped into attack, ceasefire, humanitarian, military, and political categories. Clicking a marker reveals detailed event information in a side panel. Built with D3.js v7, the visualization positions markers along a sinusoidal curved path using `d3.line` and `d3.curveCardinal`, with data loaded from CSV and interactivity powered by SVG event handlers and transitions.

NNita

87% match

Loading thumbnail…

Fork of Fork of Fork of Israel-Hamas Conflict Timeline

This interactive vertical timeline visualizes major events in the Israel-Hamas conflict from October 2023 through mid-2025, using a linear layout from bottom to top where newer events appear lower. Event markers are color-coded by category—attacks, ceasefires, humanitarian events, military operations, and political events—with 2025 events emphasized with larger, gold-stroked circles. Built with D3 v7, the visualization uses `d3.scaleTime`, `d3.axisLeft`, and `d3.csvParse` to process CSV data, with hover tooltips, a details panel, and responsive resizing. The timeline highlights the 2025 and June 2025 time periods with background shading to draw attention to recent escalations.

NNita

86% match

Loading thumbnail…

Fork of Fork of Fork of Fork of Israel-Hamas Conflict Timeline

This interactive visualization presents a vertical, animated timeline of major Israel-Hamas conflict events from October 2023 through June 2025, using D3.js v7 to render SVG circles and labels along a time axis. Coded events are color-coded by category (attacks, ceasefires, humanitarian, military, political), with 2025 events highlighted with gold strokes and larger markers, while June 2025 events receive red-orange emphasis. The chart uses a d3.scaleTime y-axis with weekly ticks, d3.csvParse to load the data file, and tooltip interactions on hover. Clicking any event marker displays its full description in the details panel below.

NNita

86% match

Loading thumbnail…

Fork of Israel-Hamas Conflict Timeline

This interactive timeline plots major events in the Israel-Hamas conflict from October 2023 through early 2025 as color-coded circles along a horizontal date axis. Event markers distinguish categories such as attacks, ceasefires, humanitarian events, and military operations, with hover tooltips and clickable markers that populate a details panel. The D3.js visualization loads and parses CSV data, processes date fields and text descriptions, and uses `d3.scaleTime`, `d3.axisBottom`, and `d3.scaleOrdinal` to render the SVG chart with calcuated label positions. Markers animate on hover, and the layout updates responsively on window resize.

NNita

84% match

Loading thumbnail…

Fork of HTML Starter

This interactive D3.js timeline visualizes key events in the Israel-Hamas conflict from October 2023 onward, plotting color-coded markers along a chronological axis. The visualization categorizes events into attacks, ceasefires, humanitarian incidents, military operations, and political developments, using `d3.scaleOrdinal` for color mapping and `d3.scaleTime` for the date axis. Users can hover to highlight markers and click to view detailed event information drawn from the accompanying CSV data. The code leverages d3.csv for data loading and d3.select for DOM manipulation within the HTML/CSS interface.

NNita

83% match