Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Time series

Public visualization

Time series

0 stars2🌍 Public
BBart van Pelt
Last edited Jan 18, 2023
Created on Jan 17, 2023
Forked from HTML Starter

This example visualizes time-series data as rectangles plotted on a time-based scatterplot, showing how tracked values change across registration and validity periods. The visualization maps the start and end of each validity period to the y-axis and the registration timestamps to the x-axis, with open-ended intervals extended by seven days for display. The code uses D3 v7 APIs including `scaleTime`, `axisLeft`, and `axisBottom` to construct the plot, and it processes data from a static JavaScript array, rendering output as SVG in a full-screen view.

AI-generated description

TimePlot

Example timeplots

Comments

Sign in to join the discussion.

MIT Licensed