Skip to main content
100%

Categorized Timeline Using Dates

✓ Published0🌍 Public
ZZhengYingqian
Last edited Jun 12, 2018
Created on Jun 12, 2018

This example uses the d3.layout.timeline plugin to render a categorized timeline of wars involving the United States during its first 100 years, based on data from Wikipedia. Each war is represented as a colored bar positioned along a date axis, with events grouped into five distinct swimlanes: Colonial, European, Internal, Latin America, and Native. The visualization encodes category membership through both lane placement and an ordinal color scale. War data is loaded from a CSV file, and the timeline layout automatically assigns each event to a lane, avoiding overlaps while respecting the fixed date extent from July 4, 1776, to December 31, 1876.

AI-generated description

An example of d3.layout.timeline that shows wars the United States has been involved in during its first 100 years (from Wikipedia). Events have been categorized and rendered in separate lanes for colonial wars, native wars, internal wars, wars involving European powers, and wars in Latin America.

forked from <a href='http://bl.ocks.org/emeeks/'>emeeks</a>'s block: <a href='http://bl.ocks.org/emeeks/3184af35f4937d878ac0'>d3.layout.timeline categorized timelines</a>

mit Licensed

Similar vizzes