Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3: Time axis, prettier

Public visualization

Viewing a saved revision (read-only)

772f066b4e264743a2abe51fce02eb59

D3: Time axis, prettier

0 stars0🌍 Public
Nnikomc
Last edited Mar 31, 2020
Created on Mar 31, 2020

This example shows a time-based scatterplot of daily amounts, with vertical grid lines and circular markers positioned along a date axis. The visualization uses D3 v5 and loads data from a CSV file via `d3.csv`, parsing date strings with `d3.timeParse` and formatting axis labels with `d3.timeFormat`. Axes are created using `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleTime` and `d3.scaleLinear` handle the positioning. The SVG rendering draws lines and circles for each data point, making the temporal trend of the amount values immediately apparent.

AI-generated description

Learning about time-based axes (from Scott Murray's book).