Skip to main content

Standings: bars with logos on the axis

020406080100↑ points
Atlantic Division points, 2025-26 regular season. Data: NHL api-web
import * as Plot from "@observablehq/plot";
import { NHL_STANDINGS } from "@sportsdataverse/examples/data";
import { loadLeague } from "@sportsdataverse/sdvplot";
import { axisLogos, teamColor } from "@sportsdataverse/sdvplot/plot";

await loadLeague("nhl");
Plot.plot({
  height: 300,
  caption: "Atlantic Division points, 2025-26 regular season. Data: NHL api-web",
  marks: [
    Plot.barY(NHL_STANDINGS, { x: "team", y: "points", fill: "team", sort: { x: "-y" } }),
    axisLogos("x", { league: "nhl", height: 0.12 }),
  ],
  color: teamColor("nhl", { values: NHL_STANDINGS.map((s) => s.team) }),
});

Tags: plot · axisLogos · teamColor · nhl. All sdvplot examples.