TennisBubbles · Widget

Free ATP and WTA ranking widget for your website

The ATP or WTA ranking as a live bubble map on your own site: bubble area is ranking points, green climbed and red dropped in the last release. It takes one line of code and costs nothing.

Live preview

Add it in one line

Pick the tour, the size and the theme that match your site, copy the code and paste it where your platform accepts HTML.

<iframe src="https://tennisbubbles.net/embed/ranking/?tour=atp&formato=lateral&tema=oscuro" width="100%" height="440" style="border:0;border-radius:12px;max-width:320px" loading="lazy" title="ATP ranking, live"></iframe>
  • A bubble map, not a table: bubble area is ranking points, green climbed in the last release, red dropped.
  • Live: during a tournament, who in the top 10 is still in the draw.
  • Light: plain HTML, no cookies, no trackers, no ads. It fits narrow columns too.

Common questions

Is the tennis ranking widget free?

Yes. It is free, needs no account or API key, and you can put it on as many pages as you like. The only thing it asks is to keep the small TennisBubbles link at the bottom.

Where does the widget get its data?

From the official ATP and WTA rankings as published by ESPN, the same data behind the TennisBubbles map, which is checked every 15 minutes. During a tournament it also shows which top-10 players are still in the draw.

How do I add it to WordPress, Substack or Blogger?

Paste the iframe code in a Custom HTML block (WordPress), an embed or HTML widget (Blogger, most site builders) or anywhere your platform accepts HTML. It comes in a sidebar size and a wide size, for the ATP or the WTA, and adapts to narrower columns.

The full top 100, with every player's points and moves, is on the ATP live rankings and the WTA live rankings pages.