Is there a D3 Gauge allowing multiple series/columns?

Question

I'm looking for something like this in D3 or C3js:

The default Gauge Chart in C3 takes in multiple columns as data, but then displays them on the same line, so they are overriding eachother.

Answer 1

Maybe you can make more then one gauge's ? If you choice the inner and outer radious ok, you can make 4 gauge's with only 2 values, so you have only 2 sections per donut pie / gauge. Not the easiest option but a nice workaround.

Answer 2

If you're using Angular 4 you can use ngx-charts , which provides an easily configurable multi-series gauge. This is their demo page or just checkout their github repo . The package is written using D3 so you can likely customize it more if needed by forking the repo.