1 variant

Activity Heatmap

Name: easeUI Pro
Price: 99.00 USD

A year of activity as a grid of days, like a contribution graph, in one hue with five ordered steps.

Agent runs1,430 runs in the period

usage.tsx

import { ActivityHeatmap } from "@/components/registry/activity-heatmap";

export function Runs({ days }) {
  return <ActivityHeatmap title="Agent runs" unit="runs" days={days} />;
}

"use client";

import { useId, useState } from "react";
import { ChartFrame, formatNumber, seriesColor } from "@/components/registry/chart-core";
import { cn } from "@/lib/utils";

export interface ActivityDay {
  /** ISO date, "2026-09-25". */
  date: string;
  value: number;
}

118 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/activity-heatmap