UltraKit · Widget #68

Pie / Donut / Half-Donut / Thin Ring × 5 Palettes × 3 Legend Styles × 4 Legend Positions × Hover Pop × Tooltip × Sweep Animation

5 Colour Palette5 Legend Position5 Card Style4 Chart Type4 Labels on Slices3 Sort Slices4 Toggles
Section 01

5 options for colour palette — all shown live below.

1
Vividpalette = vivid

Traffic Sources

Where our visitors come from this month.

2
Pastelpalette = pastel

Traffic Sources

Where our visitors come from this month.

3
Oceanpalette = ocean

Traffic Sources

Where our visitors come from this month.

4
Sunsetpalette = sunset

Traffic Sources

Where our visitors come from this month.

5
Monochromepalette = mono

Traffic Sources

Where our visitors come from this month.

Section 02

5 options for legend position — all shown live below.

1
Rightlegend_pos = right

Traffic Sources

Where our visitors come from this month.

2
Leftlegend_pos = left

Traffic Sources

Where our visitors come from this month.

3
Bottomlegend_pos = bottom

Traffic Sources

Where our visitors come from this month.

4
Toplegend_pos = top

Traffic Sources

Where our visitors come from this month.

5
Hiddenlegend_pos = hidden

Traffic Sources

Where our visitors come from this month.

Section 03

5 options for card style — all shown live below.

1
Nonecard = none

Traffic Sources

Where our visitors come from this month.

2
White Cardcard = card

Traffic Sources

Where our visitors come from this month.

3
Dark Cardcard = dark

Traffic Sources

Where our visitors come from this month.

4
Gradient Cardcard = gradient

Traffic Sources

Where our visitors come from this month.

5
Outlinedcard = outline

Traffic Sources

Where our visitors come from this month.

Section 04

4 options for chart type — all shown live below.

1
Piechart_type = pie

Traffic Sources

Where our visitors come from this month.

2
Donutchart_type = donut

Traffic Sources

Where our visitors come from this month.

3
Half Donut (gauge)chart_type = semi

Traffic Sources

Where our visitors come from this month.

4
Thin Ringchart_type = ring

Traffic Sources

Where our visitors come from this month.

Section 05

4 options for labels on slices — all shown live below.

1
Nonelabel_mode = none

Traffic Sources

Where our visitors come from this month.

2
Percentagelabel_mode = percent

Traffic Sources

Where our visitors come from this month.

3
Valuelabel_mode = value

Traffic Sources

Where our visitors come from this month.

4
Namelabel_mode = label

Traffic Sources

Where our visitors come from this month.

Section 06

3 options for sort slices — all shown live below.

1
As enteredsort = none

Traffic Sources

Where our visitors come from this month.

2
Largest firstsort = desc

Traffic Sources

Where our visitors come from this month.

3
Smallest firstsort = asc

Traffic Sources

Where our visitors come from this month.

Section 07

Switch parts of the widget on or off.

1
Slice Pops Out on Hover — Offhover_pop = off

Traffic Sources

Where our visitors come from this month.

2
Tooltip — Offtooltip = off

Traffic Sources

Where our visitors come from this month.

3
Sweep Animation on Scroll — Offanimate = off

Traffic Sources

Where our visitors come from this month.

4
Hide On Desktop — Onhide_desktop = hidden-desktop

Traffic Sources

Where our visitors come from this month.