UT1 - UTC — VizHub

100%

UT1 - UTC

✓ Published0🌍 Public

Last edited Feb 9, 2016

Created on Jun 30, 2012

This visualization shows the deviation between UT1 and UTC over time, with a line chart plotting daily offsets from 1973 onward. A mousemove feature reveals a crosshair and circle at the nearest data point, and duplicated x-axis labels are stroked in white for readability. Built with D3 v3, it uses d3.time.scale, d3.svg.axis, and d3.svg.line to render the SVG, while the data comes from a JSON array of precision numeric offsets.

AI-generated description

A recreation of Nelson Minar’s graph, experimenting with some subtle mousemove features to allow closer inspection. Also duplicates the x axis labels to improve readability via white stroke.

gpl-3.0 Licensed

Similar vizzes

Loading thumbnail…

Untitled

A multi-line chart displays temperature readings for New York, San Francisco, and Austin over several days in October 2011, using D3.js v3 with SVG rendering. The visualization uses `d3.time.scale` for the x-axis, `d3.scale.linear` for temperature, and `d3.svg.line` with basis interpolation to draw smooth curves. It colors each city's line via `d3.scale.category10`, adds a legend, and includes a mouse-over effect with a vertical guide line. Data is parsed from tab-separated text using `d3.tsv.parse`.

LL1EO

70% match

Loading thumbnail…

Untitled

This interactive line chart visualizes time-series data, comparing two different datasets loaded by default and via an update button. It displays the data as a single line, with the x-axis representing dates and the y-axis representing values. The chart uses D3.js to render an SVG, with axes and a line path updated smoothly using a transition. The code employs `d3.time.scale` and `d3.scale.linear` for scaling, and transitions to animate the line and axes when new data is loaded.

Ttracy3057

69% match

Loading thumbnail…

Untitled

This interactive time-series chart displays a daily value over three months and lets the user switch between daily, weekly, and monthly aggregated views. It renders an SVG line chart using D3 v3, with axis labels, an orange line, and a tooltip that appears on hover over the chart area. The code aggregates data by summing values for each time unit and linearly interpolates gaps, using APIs like `d3.time.scale`, `d3.svg.axis`, and `d3.bisector`. Buttons enable the time-unit selection, and the chart updates dynamically on click.

Ffaversin17

69% match

Loading thumbnail…

Untitled

This visualization presents a sequence of line charts tracking a numeric value over time, with a small multiple layout that allows for comparative scanning across different series. Built with a custom JavaScript rendering pipeline that manually draws axes and data paths onto a Canvas element, the code uses D3.js’s `d3.scaleLinear` for proportional scaling and `d3.line` for path generation, while a mouse-driven crosshair dynamically highlights the nearest data point and its coordinates. The dataset appears to be synthetic, generated procedurally within the script rather than loaded from an external file.

GGunjan Paul

69% match

Loading thumbnail…

Untitled

This interactive multi-line chart displays daily temperature trends for New York, San Francisco, and Austin, with each city represented by a colored curve on a shared time axis. Hovering over a line highlights it in its original color while graying out the others, and clicking a line toggles its visibility. Built with D3 v6, the visualization uses SVG rendering with animated transitions, d3.axisBottom and d3.axisLeft for axes, and d3.scaleTime, d3.scaleLinear, and d3.scaleOrdinal for scaling. Data is loaded via d3.tsv from a remote source.

Hhollyjpotter

69% match

Loading thumbnail…

Untitled

This example shows a bar chart of server uptime in hours across five dates in January 2017, with hover highlighting on each bar. The visualization uses D3 v4 to bind the dataset, scales it from seconds to hours, and renders the bars as SVG rectangles with axes. It employs `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.axisBottom`/`d3.axisLeft` for the ticks. The bars change color on mouseover via CSS, while the data comes from an embedded inline array rather than an external file.

HHelen-Luwei-Zhang

69% match

Loading thumbnail…

Untitled

This visualization displays daily temperature readings for New York, San Francisco, and Austin over a three-week period in October 2011. The code uses D3 v3 with SVG rendering to create smoothed line charts, with each city’s data series distinguished by color and labeled with a legend and endpoint text. The chart includes a time-scaled x-axis and linear y-axis labeled in Fahrenheit, with values parsed from a TSV data string embedded in the page. A mouse-over effects group is initialized but remains inactive in the rendered output.

Pperformautodev

69% match

Loading thumbnail…

Untitled

A multi-line chart displays daily temperature readings for New York, San Francisco, and Austin, with each city’s time series drawn as a smooth, colored path. The visualization uses d3.tsv to load the data, d3.scaleTime and d3.scaleLinear for positioning, and d3.line with curveBasis for the paths. Interactive labels trigger hover and click handlers that highlight or toggle the visibility of each city’s line using d3 selection styling. A d3.zoom behavior is applied to the SVG, though its zoom event handler remains empty.

Ddonaldminer

68% match