---
title: "Circular Graph — Free Framer component · Best of Framer"
description: "Free Framer component · by Marcin Glab · Charts. Fully customisable circular graph: Value Strokes Fill color Text style or custom font for value Animation toggle Animation parameters"
canonical: "https://framer.elliotli.dev/component/circular-graph"
---

[Home](/)/[Components](/components)/[Charts](/components/category/charts)/Circular Graph

# Circular Graph

[View on Framer](https://framer.com/marketplace/components/circular-graph/?via=elliot-li)

![Circular Graph preview image 1](https://framer.elliotli.dev/og/component/circular-graph/b24f6d0a22d17a24/1600x1200.jpg)

## Summary

Fully customisable circular graph: Value Strokes Fill color Text style or custom font for value Animation toggle Animation parameters

## Description

Fully customisable circular graph:

-   Value
    
-   Strokes
    
-   Fill color
    
-   Text style or custom font for value
    
-   Animation toggle
    
-   Animation parameters
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #5141

## Details

- **Author**: Marcin Glab
- **Published**: 2025-09-30
- **Updated**: 2025-09-29
- **Added**: 2025-09-23
- **Categories**: Charts

## More like this

-   [29 Radar Chart](/component/29-radar-chart) — BrandingUp · Free — Spider chart with per-axis scales
-   [33 Bubble Chart](/component/33-bubble-chart) — BrandingUp · Free — Bubble chart with 3rd-value sizes
-   [Pricing Matrix](/component/pricing-matrix) — Ainsley Holmes · Free — Currency Payment Comparison Matrix
-   [Radial Dial](/component/radial-dial) — Oli Studio · $10 — Animated dial for a single metric