API Latency Percentile Chart

A multi-series line chart that plots p50, p90, and p99 API response-time percentiles over time, with tooltips and a legend.

CnippetbyCnippet

import Component from "@/components/ui/v-chart-14";

export default function Preview() {
  return (
    <div className="flex w-full items-center justify-center p-4">
      <div className="w-full max-w-xl">
        <Component />
      </div>
    </div>
  );
}

Dependencies

recharts

Source

ui.cnippet.dev/r/v-chart-14.json

License

MIT License

Published

9/23/2026

Similar components

Explore more

Part of Cnippet — browse the full library on 21st.dev.

Chart components210 Line Chart components66 Recharts components86 Analytics components117

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

API Latency Percentile Chart

Dependencies

Tags

Source

License

Published

Similar components

Explore more