# some pretty gauges
I like gauges, they are simple and everyone understands them. I like to use them often, so I wrote [this configurable, "exportable" gauge](https://observablehq.com/@luciyer/exportable-gauge) in d3. [Gist here](https://gist.github.com/luciyer/44f77cc54f3a48be83581b637e36ceb5).
## usage
```
let chart = new GaugeChart()
chart.setProperties(properties_object) //optional
chart.setPercentage(0.55)
return chart.draw().node()
```
## examples
Default state, no properties set by user
```
let chart = new GaugeChart()
chart.setPercentage(0.25)
return chart.draw().node()
```
![[media/ga1.svg]]
Or,
```
//...
chart.setProperties({
thickness: 0.2,
arc: 0.75,
ticks: 6,
color_scheme: "interpolateGnBu",
color_step: 20
})
//...
```
![[media/ga2.svg]]
Or,
```
//...
chart.setProperties({
thickness: 1,
arc: 1,
ticks: 11,
color_scheme: "interpolateReds",
color_step: 10
})
//...
```
![[media/ga3.svg]]
And of course a million other permutations. Check the demo linked above that has some controls you can use to adjust to your heart's content.