Connected Scatter Plot with Temporal Path in Python, R, Julia and JavaScript

Source code in 15 libraries — Python: Altair, Bokeh, lets-plot, Matplotlib, Plotly, plotnine, Pygal, Seaborn; R: ggplot2; Julia: Makie.jl; JavaScript: Chart.js, D3.js, Apache ECharts, Highcharts, MUI X Charts.

A scatter plot where data points are connected by lines in temporal order, revealing how two variables co-evolve over time. Unlike standard time series plots that show one variable against time, this plot encodes time as movement through 2D space, making cyclical patterns, regime changes, and directional trends visible. Popularized by the New York Times, it is a powerful tool for narrative data visualization.

Renders

• Full-resolution render, light theme
• Full-resolution render, dark theme

Preview render from the Seaborn implementation.

Implementations

• Connected Scatter Plot with Temporal Path in Altair (Python)
• Connected Scatter Plot with Temporal Path in Bokeh (Python)
• Connected Scatter Plot with Temporal Path in lets-plot (Python)
• Connected Scatter Plot with Temporal Path in Matplotlib (Python)
• Connected Scatter Plot with Temporal Path in Plotly (Python)
• Connected Scatter Plot with Temporal Path in plotnine (Python)
• Connected Scatter Plot with Temporal Path in Pygal (Python)
• Connected Scatter Plot with Temporal Path in Seaborn (Python)
• Connected Scatter Plot with Temporal Path in ggplot2 (R)
• Connected Scatter Plot with Temporal Path in Makie.jl (Julia)
• Connected Scatter Plot with Temporal Path in Chart.js (JavaScript)
• Connected Scatter Plot with Temporal Path in D3.js (JavaScript)
• Connected Scatter Plot with Temporal Path in Apache ECharts (JavaScript)
• Connected Scatter Plot with Temporal Path in Highcharts (JavaScript)
• Connected Scatter Plot with Temporal Path in MUI X Charts (JavaScript)