From dac52b786c4a63cf947ab49dc9db4a424ccfb891 Mon Sep 17 00:00:00 2001
From: flxlst09 <116285506+flxlst09@users.noreply.github.com>
Date: Tue, 10 Dec 2024 20:47:18 +0100
Subject: [PATCH] docs: intro sentence for pie-chart

---
 .../docs/controls/charts/pie-chart.md           | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/packages/documentation/docs/controls/charts/pie-chart.md b/packages/documentation/docs/controls/charts/pie-chart.md
index 80177fd310..4950ab24c0 100644
--- a/packages/documentation/docs/controls/charts/pie-chart.md
+++ b/packages/documentation/docs/controls/charts/pie-chart.md
@@ -1,23 +1,26 @@
 import Playground from '@site/src/components/PlaygroundV3';
 
 # Pie chart
-
+<!-- introduction start -->
+Pie charts are a popular and visually appealing way to represent data. They are circular graphs divided into slices, where each slice represents a proportion of the whole.
+<!-- introduction end -->
+This type of chart is particularly useful for displaying categorical data and showing the relative sizes of different categories. By providing a clear and immediate visual comparison, pie charts make it easy to understand the distribution and composition of data at a glance.
 ## Examples
 
-### Donut chart
-
+### Pie chart
+Pie charts are a straightforward and effective way to visualize data proportions within a whole.
 <Playground
 height="40rem"
-name="echarts-circle"
+name="echarts-pie"
 noMargin
 examplesByName>
 </Playground>
 
-### Pie chart
-
+### Donut chart
+Donut charts are a variation of pie charts. They feature a central hole, giving them a distinctive “donut” shape. This design not only makes them visually appealing but also allows for additional information or labels to be placed in the center.
 <Playground
 height="40rem"
-name="echarts-pie"
+name="echarts-circle"
 noMargin
 examplesByName>
 </Playground>