如何绘制沿其路径变化的曲线？

import numpy as np
import matplotlib.pyplot as plt

x = np.linspace(0, 10, 100)
y = np.sin(x)

plt.plot(x, y)
plt.show()

const svg = d3.select("svg");
const margin = { top: 20, right: 20, bottom: 30, left: 50 };
const width = +svg.attr("width") - margin.left - margin.right;
const height = +svg.attr("height") - margin.top - margin.bottom;

const x = d3.scaleLinear().rangeRound([0, width]);
const y = d3.scaleLinear().rangeRound([height, 0]);

const line = d3.line()
    .x(d => x(d[0]))
    .y(d => y(d[1]));

const data = d3.range(0, 11).map(t => [t, Math.sin(t)]);

x.domain(d3.extent(data, d => d[0]));
y.domain(d3.extent(data, d => d[1]));

svg.append("path")
    .datum(data)
    .attr("fill", "none")
    .attr("stroke", "steelblue")
    .attr("stroke-linejoin", "round")
    .attr("stroke-linecap", "round")
    .attr("stroke-width", 1.5)
    .attr("d", line);

library(ggplot2)

df <- data.frame(x = c(0:100) / 10, y = sin(seq(0, 10, length.out = 101)))

ggplot(df, aes(x = x, y = y)) +
    geom_line() +
    theme_minimal()