Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Example - D3Kit-Timeline

Public visualization

Viewing a saved revision (read-only)

1080e9ec5dac4218b28d6342a4f32c7d

Example - D3Kit-Timeline

0 stars0🌍 Public
JJason
Last edited Sep 22, 2023
Created on Sep 15, 2023
Forked from HTML Starter

This example uses the D3Kit-Timeline library to render a horizontal timeline of Star Wars film release dates. The chart displays each movie as a labeled point along a time axis, with the label text generated by a custom `textFn` that combines the release year and film title. The visualization is built with d3.v4 and d3kit, while the labella library handles label positioning to avoid overlap. The underlying data is a hardcoded JavaScript array in `data.js` containing seven movie entries with their release dates and episode numbers.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.