Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

xAxis with time series

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

8d1fb778ad2049b7b6c20d2451d39f83

Open

xAxis with time series

0 stars0🌍 Public
IIan
Last edited Mar 9, 2023
Created on Mar 9, 2023
Forked from Customizing Axes

This visualization demonstrates a time series x-axis using D3 v5, displaying hourly timestamps from an InfluxDB CSV dataset loaded via d3.csv. The code constructs a time scale with d3.scaleTime, parses ISO date strings into JavaScript Date objects, and renders a customized bottom axis using d3.axisBottom with a tick format showing month, day, hour, minute, and second. The SVG chart is 5000 pixels wide, and the axis features long tick marks with the domain line removed.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.