Skip to content

shadcn.io is an independent project built on shadcn/ui

Three-Quarter Ring Chart

A 270° sweep with square ends, every ring measured against the same 200 GB plan. This is the Vue version, drawn with TanStack Charts.

Charting library: TanStack Charts

Preview

Preview width

Installation

Sign in to get your install command
Free with an account. It carries your token, so the CLI installs everything in one go.

Usage

<script setup lang="ts">
import ChartRingArc from "@/components/charts/chart-ring-arc.vue";
</script>
<template>
  <ChartRingArc />
</template>