This message was deleted.

When you indicate that you have embedded in a React app, how did you do this? I just tried downloading the code and dropping it into GitHub and the interactive tips work: https://aaronkyle.github.io/dataviz/wbg-pip-shared-prosperity/index.html

Is it possible you have an old version of Plot installed? You’ll need 0.6.7 or later for the tip mark.

That worked for me recently in a React app. I updated Plot to v0.6.8 and tooltips were displaying on a bar chart.

Thanks all! @aaronkyle I'm embedding using the "Runtime with React" embed code from Embed helper. Ie:

import React, {useRef, useEffect} from "react";
import {Runtime, Inspector} from "@observablehq/runtime";
import notebook from "063ec903459cbc40";

function Notebook() {
  const stockChartRef = useRef();

  useEffect(() => {
    const runtime = new Runtime();
    runtime.module(notebook, name => {
      if (name === "stockChart") return new Inspector(stockChartRef.current);
    });
    return () => runtime.dispose();
  }, []);

  return (
    <>
      <div ref={stockChartRef} />
      <p>Credit: <a href="<https://observablehq.com/d/063ec903459cbc40@23>">Plot: Line chart, interactive tip by Thrive Capital</a></p>
    </>
  );
}

export default Notebook;

I tried the links in your code snippet and found them to be private. Are you embedding using private links and the API key, for example: https://api.observablehq.com/d/a11d1e2cd588428e@5.js?v=3&api_key=MYSECRETAPIKEY. If so - how are you enjoying the feature?

<3

The auto-generated embed code snippets are working well for me. Along the lines of Mike's suggestions, maybe an old version of the CSS or inspector are loaded in somewhere.

Yes! using the private links and the API keys. Feature is great! Definitely so much easier for my production use case!