# How to make a gauge with full circle in Plotly.js

**URL:** <https://community.plotly.com/t/how-to-make-a-gauge-with-full-circle-in-plotly-js/48078>\
**Category:** plotly.js\
**Created:** [December 10, 2020, 5:03pm UTC](https://community.plotly.com/t/how-to-make-a-gauge-with-full-circle-in-plotly-js/48078 "2020-12-10T17:03:26Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![amanda](https://avatars.discourse-cdn.com/v4/letter/a/67e7ee/32.png) [@amanda](https://community.plotly.com/u/amanda)\
**Post date:** [December 10, 2020, 5:03pm UTC](https://community.plotly.com/t/how-to-make-a-gauge-with-full-circle-in-plotly-js/48078/1 "2020-12-10T17:03:26Z")

</div>

Hey,

does anyone know if it’s possible to make a gauge chart with a full circle using Plotly.js? I’ve tried looking into the documentation but couldn’t find anything.

It would be something like that:

 ![image](https://us1.discourse-cdn.com/flex024/uploads/plot/original/2X/a/a88b7d7a4495b92a6b339b9789a846a4779992ee.png)

Here’s my example:

https://codepen.io/amandasantosf/embed/preview/qBaNbGK?height=300&slug-hash=qBaNbGK&default-tabs=js,result&host=https://codepen.io

---

<div class="post-metadata">

**Author:** ![Eduardo](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/eduardo/32/13310_2.png) [@Eduardo](https://community.plotly.com/u/Eduardo)\
**Post date:** [December 10, 2020, 5:09pm UTC](https://community.plotly.com/t/how-to-make-a-gauge-with-full-circle-in-plotly-js/48078/2 "2020-12-10T17:09:24Z")

</div>

Hey amanda  
See here:

> **[Pie Charts](https://plotly.com/python/pie-charts/)**
>
> How to make Pie Charts.

In the bottom. Donut Chart

---

<div class="post-metadata">

**Author:** ![archmoj](https://sea2.discourse-cdn.com/flex024/user_avatar/community.plotly.com/archmoj/32/8388_2.png) [@archmoj](https://community.plotly.com/u/archmoj)\
**Post date:** [December 22, 2020, 5:29pm UTC](https://community.plotly.com/t/how-to-make-a-gauge-with-full-circle-in-plotly-js/48078/3 "2020-12-22T17:29:28Z")

</div>

I don’t think it is possible via `gauge` API.  
But one could use `pie` or `sunburst` to make a similar graph.