Shadcn.io is not affiliated with official shadcn/ui
React Pie Chart Without Separator
Pie chart without stroke separators between segments
Sometimes gaps distract. This React pie chart removes the white stroke between segments for a seamless, solid appearance. With stroke="0", adjacent colors flow into each other—cleaner and more modern than the default separated look. Built with Recharts and shadcn/ui, this works best when you have distinct, high-contrast colors. Perfect for minimalist Next.js dashboards or any visualization where precise boundaries matter less than the overall proportional feel.
React Pie Chart Without Separator preview
Scroll to load preview
Installation
Related Components
Simple Pie Chart
Default with separators
Donut Chart
Seamless donut ring
Pie Chart with Labels
Add segment labels
Pie Chart with Legend
Add category legend
Donut with Active State
Stroke on hover only
Stacked Pie Chart
Nested seamless rings
FAQ
Was this page helpful?
Sign in to leave feedback.