Bump chart

Usage

"use client";

import { BumpChart } from "@/components/charts/beui/bump-chart";

export default function Example() {
  return (
    <BumpChart label="Popular topics" periods={["Week 1", "Week 2"]} series={[{ id: "policy", name: "Policies", ranks: [1, 2] }, { id: "access", name: "Access", ranks: [2, 1] }]} />
  );
}

Source files

• apps/web/src/components/charts/beui/bump-chart.tsx
• apps/web/src/components/charts/beui/motion/tooltip.tsx
• apps/web/src/components/charts/beui/motion/tooltip-surface.tsx

Source code

The implementation used by Ciele, including its supporting components. Original attribution and license notices remain in the files.