/>${d.data.value}`); }) .on("mousemove", (event, _) => { d3.select("#tooltip") .style("top", event.pageY + 20 + "px") .style("left", event.pageX + 20 + "px"); }) .on("mouseout", () => { d3.select("#tooltip").style("visibility", "hidden"); }); ↑内容を設定 名前と値を表示 const data = [ { name: "やまだ", value: 5 }, { name: "たなか", value: 10 }, { name: "さとう", value: 15 }, { name: "いけだ", value: 30 }, { name: "こやま", value: 20 }, ]; ←データ