Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Favorite Tooltip (complex version) v5

Public visualization

Viewing a saved revision (read-only)

40fabc5e47684c78bae08f493d130345

Favorite Tooltip (complex version) v5

0 stars1🌍 Public
EEagleV22
Last edited Sep 2, 2021
Created on Sep 1, 2021
Forked from Untitled

This example shows a time-series line chart of stock closing prices with an interactive tooltip that follows the mouse. The visualization uses d3.csv to load the data and d3.line with d3.scaleTime and d3.scaleLinear to render the path, while a bisector and d3.mouse enable precise date lookup. A crosshair and text labels update on mousemove, displaying the exact close value and formatted date near a red circle marker. The SVG also includes dashed guide lines and axes generated with d3.axisBottom and d3.axisLeft.

AI-generated description

oi