# Nakafa Learning Content

> For AI agents: use [llms.txt](https://nakafa.com/llms.txt) for the site index. Markdown versions are available by appending `.md` to content URLs or sending `Accept: text/markdown`.

URL: https://nakafa.com/en/subjects/mathematics/analytic-geometry/definition-of-circle
Source: https://raw.githubusercontent.com/nakafaai/nakafa.com/refs/heads/main/packages/contents/material/lesson/mathematics/analytic-geometry/definition-of-circle/en.mdx

Learn circle fundamentals such as center, radius, and equations, then derive (x-a)² + (y-b)² = r² with examples.

---

## Understanding Circle

A circle is the collection of all points on a plane that have the same distance from one fixed point. This fixed point is called the **center of the circle**, while the equal distance from the center to every point on the circle is called the **radius**.

Imagine you tie a string to a nail, then pull the string tight and draw a complete curve around the nail. The curve that forms is what we call a circle, the nail is its center, and the length of the string is its radius.

Component: LineEquation
Props:
- title: Circle with Center and Radius
- description: All points on the circle have the same distance from the center.
- data: [
{
points: Array.from({ length: 361 }, (_, i) => {
const angle = (i * Math.PI) / 180;
return {
x: 3 * Math.cos(angle),
y: 3 * Math.sin(angle),
z: 0,
};
}),
color: getColor("PURPLE"),
showPoints: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 0, y: 0 };
const radius = 3;
const angle = 0; // horizontal radius
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("ORANGE"),
showPoints: true,
labels: [
{ text: "P", at: 0, offset: [-0.3, -0.3, 0] },
{ text: "r", at: 1, offset: [-1, -0.5, 0] },
],
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 0, y: 0 };
const radius = 3;
const angle = Math.PI / 4; // 45 degree radius
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("ORANGE"),
showPoints: false,
labels: [{ text: "r", at: 1, offset: [-1, -0.5, 0] }],
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 0, y: 0 };
const radius = 3;
const angle = Math.PI; // 180 degree radius (left)
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(a ... [truncated; 2351 chars]
- cameraPosition: [0, 0, 12]
- showZAxis: false

In the visualization above, point $$P$$ is the center of the circle, while points $$A$$, $$B$$, and $$C$$ are some points that lie on the circle. Notice that the distance from $$P$$ to $$A$$, $$P$$ to $$B$$, and $$P$$ to $$C$$ are all equal to $$r$$. This is what makes them all lie on the same circle.

Visible text: In the visualization above, point is the center of the circle, while points , , and are some points that lie on the circle. Notice that the distance from to , to , and to are all equal to . This is what makes them all lie on the same circle.

## Mathematical Definition

Now, let's create a more formal definition. Mathematically, a circle with center $$P(a, b)$$ and radius $$r$$ is the set of all points $$(x, y)$$ that satisfy the condition:

Visible text: Now, let's create a more formal definition. Mathematically, a circle with center and radius is the set of all points that satisfy the condition:

```math
d(P, (x,y)) = r
```

Where $$d(P, (x,y))$$ is the distance from the center point $$P$$ to the point $$(x, y)$$ on the circle.

Visible text: Where is the distance from the center point to the point on the circle.

If we use the distance formula in the Cartesian coordinate system, we can write it like this:

```math
\sqrt{(x-a)^2 + (y-b)^2} = r
```

## Circle Equation

From the mathematical definition above, we can derive the **circle equation** by squaring both sides:

Component: MathContainer
Children:

```math
\sqrt{(x-a)^2 + (y-b)^2} = r
```

```math
(x-a)^2 + (y-b)^2 = r^2
```

This is the **general equation of a circle** with center $$(a, b)$$ and radius $$r$$. This formula is very useful for determining whether a point lies inside, outside, or exactly on the circle.

Visible text: This is the **general equation of a circle** with center and radius . This formula is very useful for determining whether a point lies inside, outside, or exactly on the circle.

Component: LineEquation
Props:
- title: Circle in Coordinate System
- description: Circle with center $$(2, 1)$$ and radius $$2$$.
  Visible text: Circle with center and radius .
- data: [
{
points: Array.from({ length: 361 }, (_, i) => {
const angle = (i * Math.PI) / 180;
return {
x: 2 + 2 * Math.cos(angle),
y: 1 + 2 * Math.sin(angle),
z: 0,
};
}),
color: getColor("PURPLE"),
showPoints: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 2, y: 1 };
const radius = 2;
const angle = 0; // horizontal radius to the right
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("ORANGE"),
showPoints: true,
labels: [
{ text: "(2, 1)", at: 0, offset: [-0.5, -0.5, 0] },
{ text: "r = 2", at: 1, offset: [0, -0.5, 0] },
],
},
{
points: Array.from({ length: 2 }, (_, i) => {
const xMin = -1;
const xMax = 5;
const y = 0; // $$x$$-axis
return {
x: xMin + i * (xMax - xMin),
y: y,
z: 0,
};
}),
color: getColor("AMBER"),
showPoints: false,
smooth: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const yMin = -2;
const yMax = 4;
const x = 0; // $$y$$-axis
return {
x: x,
y: yMin + i * (yMax - yMin),
z: 0,
};
}),
color: getColor("AMBER"),
showPoints: false,
smooth: false,
},
{
points: Array.from({ length: 1 }, () => {
// Origin point at (0, 0)
return {
x: 0,
y: 0,
z: 0,
};
}),
color: ... [truncated; 1297 chars]
  Visible text: [
{
points: Array.from({ length: 361 }, (_, i) => {
const angle = (i * Math.PI) / 180;
return {
x: 2 + 2 * Math.cos(angle),
y: 1 + 2 * Math.sin(angle),
z: 0,
};
}),
color: getColor("PURPLE"),
showPoints: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 2, y: 1 };
const radius = 2;
const angle = 0; // horizontal radius to the right
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("ORANGE"),
showPoints: true,
labels: [
{ text: "(2, 1)", at: 0, offset: [-0.5, -0.5, 0] },
{ text: "r = 2", at: 1, offset: [0, -0.5, 0] },
],
},
{
points: Array.from({ length: 2 }, (_, i) => {
const xMin = -1;
const xMax = 5;
const y = 0; // -axis
return {
x: xMin + i * (xMax - xMin),
y: y,
z: 0,
};
}),
color: getColor("AMBER"),
showPoints: false,
smooth: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const yMin = -2;
const yMax = 4;
const x = 0; // -axis
return {
x: x,
y: yMin + i * (yMax - yMin),
z: 0,
};
}),
color: getColor("AMBER"),
showPoints: false,
smooth: false,
},
{
points: Array.from({ length: 1 }, () => {
// Origin point at (0, 0)
return {
x: 0,
y: 0,
z: 0,
};
}),
color: ... [truncated; 1297 chars]
- cameraPosition: [0, 0, 10]
- showZAxis: false

For the circle in the visualization above, its equation is:

```math
(x-2)^2 + (y-1)^2 = 4
```

### Special Form of Circle Equation

There's one special case that's interesting. When the center of the circle is at the origin $$(0, 0)$$, the circle equation becomes simpler:

Visible text: There's one special case that's interesting. When the center of the circle is at the origin , the circle equation becomes simpler:

```math
x^2 + y^2 = r^2
```

This form is very practical because it's easier to calculate and understand.

## Important Circle Elements

There are several important terms you need to understand:

1. **Center of circle** is the fixed point that serves as a reference for all points on the circle. All points on the circle have the same distance to this center.

2. **Radius** is the distance from the center of the circle to any point on the circle. In one circle, all radii have the same length.

3. **Diameter** is a straight line that connects two points on the circle and passes through the center. The length of the diameter is always twice the length of the radius, or $$d = 2r$$.

Visible text: 1. **Center of circle** is the fixed point that serves as a reference for all points on the circle. All points on the circle have the same distance to this center.

2. **Radius** is the distance from the center of the circle to any point on the circle. In one circle, all radii have the same length.

3. **Diameter** is a straight line that connects two points on the circle and passes through the center. The length of the diameter is always twice the length of the radius, or .

To make it easier to understand, we can see the visualization below:

Component: LineEquation
Props:
- title: Circle Elements
- description: Visualization of center, radius, and diameter.
- data: [
{
points: Array.from({ length: 361 }, (_, i) => {
const angle = (i * Math.PI) / 180;
return {
x: 3 * Math.cos(angle),
y: 3 * Math.sin(angle),
z: 0,
};
}),
color: getColor("PURPLE"),
showPoints: false,
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 0, y: 0 };
const radius = 3;
const angle = 0; // horizontal radius showing radius
return {
x: center.x + i * radius * Math.cos(angle),
y: center.y + i * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("ORANGE"),
showPoints: true,
labels: [
{ text: "O", at: 0, offset: [0, -0.5, 0] },
{ text: "radius", at: 1, offset: [-1, -0.5, 0] },
],
},
{
points: Array.from({ length: 2 }, (_, i) => {
const center = { x: 0, y: 0 };
const radius = 3;
const angle = 0; // horizontal diameter
// i=0: left point, i=1: right point
const direction = i === 0 ? -1 : 1;
return {
x: center.x + direction * radius * Math.cos(angle),
y: center.y + direction * radius * Math.sin(angle),
z: 0,
};
}),
color: getColor("CYAN"),
showPoints: true,
labels: [
{ text: "A", at: 0, offset: [-0.5, 0, 0] },
{ text: "B", at: 1, offset: [0.5, 0, 0] },
{ text: "diameter", at: 1, offset: [-3, 1, 0] },
],
},
]
- cameraPosition: [0, 0, 12]
- showZAxis: false

## Application Example

Now let's apply the circle definition to determine the circle equation.

**Example**: Determine the equation of a circle centered at $$(3, -2)$$ with radius $$5$$.

Visible text: **Example**: Determine the equation of a circle centered at with radius .

**Solution**:
We just need to use the general formula for circle equation with center $$(a, b)$$ and radius $$r$$:

Visible text: **Solution**:
We just need to use the general formula for circle equation with center and radius :

Component: MathContainer
Children:

```math
(x-a)^2 + (y-b)^2 = r^2
```

```math
(x-3)^2 + (y-(-2))^2 = 5^2
```

```math
(x-3)^2 + (y+2)^2 = 25
```

So the circle equation is $$(x-3)^2 + (y+2)^2 = 25$$.

Visible text: So the circle equation is .