Interval Visualizer

Draw date or clock-time ranges and points on a shared axis.

Your data stays on this deviceGenerated locally, without an account or upload.

UTF-8 TXT or exported settings JSON; at most 1 MiB.

Choose settings, then generate.

Understand the concept

A timeline maps each date or time to a position on a common scale. Bars represent intervals; dots represent single values. Equal spacing on the axis means equal elapsed units in the selected civil-time model.

What you can do

Plot up to 100 ranges or points, use optional axis bounds and labels, and export SVG, PNG or the exact duration report. Enable overnight interpretation explicitly for clock times.

How to use

Enter one interval per line, such as 2024-02-28 - 2024-03-01, or a single date. Use spaces around the separating dash.
Choose dates or clock times, set optional axis limits, and generate. Use HH:mm:ss for clock entries.
Inspect the result and numeric report. Download SVG for editable vectors, PNG for a fixed image, or JSON to restore these settings later.

Limits and common errors

Civil dates/times are plotted on a uniform axis without DST or time-zone conversion. Dates accept YYYY-MM-DD with optional HH:mm:ss. Reversed ranges fail unless clock-time overnight mode is enabled. Increase height for many rows.

Frequently asked questions

Does a two-date interval include the last day?

Bars show the difference between endpoints. 2024-02-28 to 2024-03-01 spans two days in a leap year. It does not add an inclusive extra day; use the date-difference calculator when you need inclusive counting.

Your data stays on this device?

Generated locally, without an account or upload.