d2bPie Configured Demos

# Basic

Here is a live interactive demo of the pie chart with basic property configurations. Some of these configurations include color, legend icon visibility, and legend icon symbols.

# Legend

Here is a live interactive demo of the pie chart with legend property configurations. Some of these configurations include legend icon clickability, icon symbols, and orientation.

# Pad Angle

Here is a live interactive demo of the pie chart with pad angle property configurations.

# Tooltip

Here is a live interactive demo of the pie chart with tooltip property configurations. The tooltip is the textbox that appears when hovering over a pie slice. Each pie slice can have its own tooltip property. There is also a global tooltip object that gets applied to all the tooltips in the chart.

# Transition

Here is a live interactive demo of the pie chart with a transition configuration. If the button "Change Data!" is clicked, the pie chart will toggle between different data to demonstrate the transition animations. .transition() is used on the chart and chained with the desired .duration(2000) of microseconds.

# Typescript

Here is a live interactive demo of the default pie chart without any extra configurations using typescript. Typescript ensures proper types and properties are used when creating objects, arrays, etc.

results matching ""

    No results matching ""