Default Pie

Standard pie chart with four segments using default data and colors.

With Labels

Labeled pie chart for department budget allocation breakdown.

SalesMarketingDevSupport

Custom Segments

Custom segment sizes and colors for precise data representation.

Size Variants

Pie charts at different sizes for various display contexts.

Market Share

Browser market share visualization with labeled segments.

ChromeFirefoxSafariOther

Budget Split

Company budget allocation across four primary categories.

R&DOpsMarketingAdmin

Usage

<PieChart /><PieChart labels="Sales,Marketing,Dev,Support" /><PieChart s1="50" s2="20" s3="15" s4="15" c1="#c9952c" c2="#dc3545" c3="#17a2b8" c4="#28a745" />

Props

PropTypeDefaultDescription
s1text"40"Segment 1 percentage
s2text"25"Segment 2 percentage
s3text"20"Segment 3 percentage
s4text"15"Segment 4 percentage
c1text"#c9952c"Segment 1 color
c2text"#17a2b8"Segment 2 color
c3text"#28a745"Segment 3 color
c4text"#6c757d"Segment 4 color
sizetext"200"Chart size in pixels
labelstext""Comma-separated segment labels