import type { CircleDiagramProps } from "@/widgets/generators/circle-diagram"

export const circleDiagramExamples: CircleDiagramProps[] = [
	{
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		rotation: 0,
		fillColor: "#00000000",
		strokeColor: "#11accd",
		innerRadius: 60,
		annulusFillColor: "#CCFAFF80",
		segments: [
			{ type: "radius", angle: 0, color: "#11accd", label: "5 cm" },
			{ type: "innerRadius", angle: 90, color: "#1fab54", label: "3 cm" }
		],
		arcs: [],
		sectors: [],
		showCenterDot: false,
		areaLabel: null
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 120,
				color: "#000000",
				label: "11 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#000000",
				label: "16 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 120,
				color: "#000000",
				label: "14 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 330,
				color: "#000000",
				label: "13 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 45,
				color: "#000000",
				label: "5.1 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 45,
				color: "#000000",
				label: "18 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 20,
				color: "#000000",
				label: "4.2 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#000000",
				label: "24 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#000000",
				label: "7 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 83.3,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 150,
				color: "#000000",
				label: "7.5 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#008000",
				label: "d = 14"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 5"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#008000",
				label: "d = 8"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#FFFFFF00"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#008000",
				label: "d = 10"
			}
		],
		areaLabel: null,
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 1"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#008000",
				label: "d = 2"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 4"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 7"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 360,
		height: 360,
		radius: 165,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 90,
				color: "#1fab54",
				label: " "
			},
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: " "
			}
		],
		areaLabel: null,
		fillColor: "#ffffff",
		innerRadius: 135,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#ccfaff"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 135,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#1fab54",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: 90,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 360,
		height: 360,
		radius: 165,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: 60,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 80,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#1fab54",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF",
		innerRadius: 40,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 105,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: "7 cm"
			}
		],
		areaLabel: "Shaded region",
		fillColor: "#FFFFFF",
		innerRadius: 45,
		strokeColor: "#11accd",
		showCenterDot: true,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 360,
		height: 360,
		radius: 165,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#11accd",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#1fab54",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF",
		innerRadius: 45,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#11accd",
				label: null
			},
			{
				type: "radius",
				angle: 90,
				color: "#1fab54",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: 60,
		strokeColor: "#11accd",
		showCenterDot: false,
		annulusFillColor: "#CCFAFF80"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 360,
				startAngle: 180,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 180,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#e65a4c",
				label: "8"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#29abca",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 270,
				startAngle: 90,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 270,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#000000",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#e65a4c",
				label: "5"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#29abca",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 360,
				startAngle: 90,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: " ",
				endAngle: 90,
				fillColor: "#00000000",
				startAngle: 0,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#000000",
				label: "4"
			},
			{
				type: "radius",
				angle: 90,
				color: "#e65a4c",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 450,
				startAngle: 270,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 90,
		segments: [
			{
				type: "radius",
				angle: 90,
				color: "#e65a4c",
				label: "9"
			},
			{
				type: "radius",
				angle: 270,
				color: "#000000",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#29abca",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 270,
				startAngle: 0,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: null,
				endAngle: 360,
				fillColor: "#00000000",
				startAngle: 270,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#e65a4c",
				label: "2"
			},
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "null"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 360,
				startAngle: 180,
				strokeColor: "#29abca"
			},
			{
				label: " ",
				endAngle: 90,
				startAngle: 0,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: " ",
				endAngle: 180,
				fillColor: "#00000000",
				startAngle: 90,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 180,
				color: "#e65a4c",
				label: "5"
			},
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 180,
				startAngle: 0,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#e65a4c",
				label: "10"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#29abca",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 270,
				startAngle: 90,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#e65a4c",
				label: "12"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 360,
				startAngle: 270,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "quarter-circle",
		width: 300,
		height: 300,
		radius: 166.667,
		sectors: [
			{
				label: " ",
				endAngle: 360,
				fillColor: "#00000000",
				startAngle: 270,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#000000",
				label: "8"
			},
			{
				type: "radius",
				angle: 270,
				color: "#000000",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 270,
				startAngle: 180,
				strokeColor: "#e65a4c"
			}
		],
		type: "circleDiagram",
		shape: "quarter-circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 180,
		segments: [
			{
				type: "radius",
				angle: 180,
				color: "#000000",
				label: "7"
			},
			{
				type: "radius",
				angle: 270,
				color: "#000000",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#FFFFFF",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 180,
				startAngle: 0,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 180,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#000000",
				label: "11"
			},
			{
				type: "radius",
				angle: 180,
				color: "#e65a4c",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#29abca",
		showCenterDot: true,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [
			{
				label: "?",
				endAngle: 180,
				startAngle: 90,
				strokeColor: "#29abca"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: null,
				endAngle: 180,
				fillColor: "#29ABCA4D",
				startAngle: 90,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 180,
				color: "#e65a4c",
				label: "1"
			},
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#00000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#333333",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#e65a4c",
				label: "4"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#000000",
				label: " "
			},
			{
				type: "radius",
				angle: 0,
				color: "#e65a4c",
				label: "2"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "quarter-circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: "90°",
				endAngle: 270,
				fillColor: "#00000000",
				startAngle: 180,
				showRightAngleMarker: true
			}
		],
		rotation: 180,
		segments: [
			{
				type: "radius",
				angle: 270,
				color: "#000000",
				label: "10"
			},
			{
				type: "radius",
				angle: 180,
				color: "#000000",
				label: "10"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 270,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#e65a4c",
				label: "10"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: null,
				endAngle: 360,
				fillColor: "#11ACCD4D",
				startAngle: 90,
				showRightAngleMarker: false
			},
			{
				label: null,
				endAngle: 90,
				fillColor: "#00000000",
				startAngle: 0,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#e65a4c",
				label: "6"
			},
			{
				type: "radius",
				angle: 90,
				color: "#333333",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "null"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: null,
				endAngle: 360,
				fillColor: "#E8F4FD",
				startAngle: 180,
				showRightAngleMarker: false
			},
			{
				label: null,
				endAngle: 90,
				fillColor: "#E8F4FD",
				startAngle: 0,
				showRightAngleMarker: false
			},
			{
				label: null,
				endAngle: 180,
				fillColor: "#00000000",
				startAngle: 90,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: "4"
			},
			{
				type: "radius",
				angle: 180,
				color: "#e65a4c",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "null"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 270,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#000000",
				label: " "
			},
			{
				type: "radius",
				angle: 90,
				color: "#e65a4c",
				label: "6"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 270,
		segments: [
			{
				type: "diameter",
				angle: 90,
				color: "#000000",
				label: "14"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "quarter-circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 90,
		segments: [
			{
				type: "radius",
				angle: 180,
				color: "#e65a4c",
				label: "8"
			},
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: null
			}
		],
		areaLabel: null,
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: " ",
				endAngle: 270,
				fillColor: "#00000000",
				startAngle: 0,
				showRightAngleMarker: false
			},
			{
				label: " ",
				endAngle: 360,
				fillColor: "#00000000",
				startAngle: 270,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#e65a4c",
				label: "2"
			},
			{
				type: "radius",
				angle: 270,
				color: "#000000",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#e65a4c",
				label: "6"
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "quarter-circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [
			{
				label: " ",
				endAngle: 90,
				fillColor: "#00000000",
				startAngle: 0,
				showRightAngleMarker: true
			}
		],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#e65a4c",
				label: "2"
			},
			{
				type: "radius",
				angle: 90,
				color: "#000000",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: "Rope",
				endAngle: 360,
				startAngle: 0,
				strokeColor: "#FF6B6B"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 402,
		height: 402,
		radius: 150,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 45,
				color: "#333333",
				label: "6371 km"
			}
		],
		areaLabel: "Earth",
		fillColor: "#E8F4FD",
		innerRadius: null,
		strokeColor: "#333333",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 50,
		sectors: [],
		rotation: 0,
		segments: [],
		areaLabel: " ",
		fillColor: "#FFE5B4",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [],
		areaLabel: null,
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "null"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 55,
		sectors: [
			{
				label: " ",
				endAngle: 90,
				fillColor: "#B0C4DE",
				startAngle: 0,
				showRightAngleMarker: false
			},
			{
				label: " ",
				endAngle: 180,
				fillColor: "#B0C4DE",
				startAngle: 90,
				showRightAngleMarker: false
			}
		],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#333333",
				label: " "
			},
			{
				type: "diameter",
				angle: 90,
				color: "#333333",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 60,
		sectors: [
			{
				label: " ",
				endAngle: 90,
				fillColor: "#7854ab",
				startAngle: 0,
				showRightAngleMarker: false
			}
		],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#7854ab",
				label: " "
			},
			{
				type: "diameter",
				angle: 90,
				color: "#7854ab",
				label: " "
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#7854ab",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "semicircle",
		width: 300,
		height: 300,
		radius: 80,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 180,
				color: "#333333",
				label: "15 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 110,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#333333",
				label: "12.5 units"
			}
		],
		areaLabel: "2 units : 5 centimeters",
		fillColor: "#F5E6CC",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 110,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#333333",
				label: "5 units"
			}
		],
		areaLabel: "2 units : 5 centimeters",
		fillColor: "#F5E6CC",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 110,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#333333",
				label: "2.5 units"
			}
		],
		areaLabel: "2 units : 5 centimeters",
		fillColor: "#F5E6CC",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [
			{
				label: null,
				endAngle: 360,
				startAngle: 0,
				strokeColor: "#0c7f99"
			}
		],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 112.5,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 45,
				color: "#ca337c",
				label: "S"
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#ed5fa6",
		showCenterDot: true,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 70,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#1fab54",
				label: "9 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 1"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 70,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#1fab54",
				label: "3 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 70,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "diameter",
				angle: 0,
				color: "#1fab54",
				label: "4 cm"
			}
		],
		areaLabel: " ",
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 5"
			}
		],
		areaLabel: null,
		fillColor: "#00000000",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "#00000000"
	},
	{
		arcs: [],
		type: "circleDiagram",
		shape: "circle",
		width: 300,
		height: 300,
		radius: 100,
		sectors: [],
		rotation: 0,
		segments: [
			{
				type: "radius",
				angle: 0,
				color: "#800080",
				label: "r = 7"
			}
		],
		areaLabel: " ",
		fillColor: "#FFFFFF00",
		innerRadius: null,
		strokeColor: "#000000",
		showCenterDot: false,
		annulusFillColor: "transparent"
	}
]