Generate narration from your transcript
[
{
"slide": 1,
"fragments": [
{
"fragment_index": -1,
"text_description": "Circle: First Look",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Circle",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "A circle is the set of all points in a plane that are equidistant (radius) from a fixed centre.\nWhen defining a circle, always mention the plane, the radius, and the centre.",
"image_description": ""
}
]
},
{
"slide": 2,
"fragments": [
{
"fragment_index": -1,
"text_description": "Arc & Chord",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Arc AB (curved) and chord AB (straight)",
"image_description": "https://sparkl-vector-images.s3.ap-south-1.amazonaws.com/presentation_images/asset.sparkl.me/pb/presentation/2558/images/c28393a344f1aca89c22af0301c0dfb3.png"
},
{
"fragment_index": 2,
"text_description": "How to tell them apart\nAn arc is the curved boundary between two points on a circle, while a chord is the straight line joining the same points.\nSpotting this difference helps you apply circle theorems confidently.\nKey Points:\nArc – curved part of the circumference.\nChord – straight segment connecting the arc’s endpoints.\nDiameter is the longest chord; not every chord is a diameter.",
"image_description": ""
}
]
},
{
"slide": 3,
"fragments": [
{
"fragment_index": -1,
"text_description": "Arc Length Formula",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "\\[L = 2\\pi r\\,\\frac{\\theta}{360^{\\circ}}\\]\nBigger central angle means a longer arc. Use the formula to find \\(L\\) when \\(r\\) and \\(\\theta\\) are known.",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Variable Definitions\nL\narc length\nr\nradius\nθ\ncentral angle (degrees)",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Applications\nFinding the curved edge of tracks\nMeasure rail or running track length accurately.\nDesigning roundabouts\nDetermine curb length from roadway angles.",
"image_description": ""
}
]
},
{
"slide": 4,
"fragments": [
{
"fragment_index": -1,
"text_description": "Major vs Minor Sector",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "",
"image_description": "https://sparkl-vector-images.s3.ap-south-1.amazonaws.com/presentation_images/asset.sparkl.me/pb/presentation/2558/images/c28393a344f1aca89c22af0301c0dfb3.png"
},
{
"fragment_index": 2,
"text_description": "What is a Sector?\nA sector is the region enclosed by two radii and the arc between them.\nIt looks like a slice of pizza and is named by its central angle.",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Key Points:\nMinor sector – smaller region, central angle < 180°.\nMajor sector – larger region, central angle > 180°.\nMajor + minor sectors together form the full circle (360°).",
"image_description": ""
}
]
},
{
"slide": 5,
"fragments": [
{
"fragment_index": -1,
"text_description": "Segment of a Circle",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "",
"image_description": "https://sparkl-vector-images.s3.ap-south-1.amazonaws.com/img/lp/study_content/lp/2/6/1/555/1084/2402/2513/LP_2.6.1.1.13.2.1_html_2f193e0f.png"
},
{
"fragment_index": 2,
"text_description": "What is a Segment?\nThe region cut from a circle by a chord is called a segment.\nKey Points:\nCurved boundary → arc\nStraight boundary → chord",
"image_description": ""
}
]
},
{
"slide": 6,
"fragments": [
{
"fragment_index": -1,
"text_description": "Name the Parts!\nDrag each term onto its matching description to reinforce circle vocabulary.\nCheck\nResults\n// Drag and drop functionality\n const draggableItems = document.querySelectorAll('.draggable-item');\n const dropZones = document.querySelectorAll('.drop-zone');\n const checkAnswersBtn = document.getElementById('checkAnswersBtn');\n const feedbackArea = document.getElementById('feedbackArea');\n const feedbackContent = document.getElementById('feedbackContent');\n\n // Drag and drop event listeners\n draggableItems.forEach(item => {\n item.addEventListener('dragstart', handleDragStart);\n item.addEventListener('dragend', handleDragEnd);\n });\n\n dropZones.forEach(zone => {\n zone.addEventListener('dragover', handleDragOver);\n zone.addEventListener('drop', handleDrop);\n zone.addEventListener('dragenter', handleDragEnter);\n zone.addEventListener('dragleave', handleDragLeave);\n });\n\n function handleDragStart(e) {\n e.target.classList.add('opacity-50');\n e.dataTransfer.setData('text/plain', e.target.dataset.id);\n }\n\n function handleDragEnd(e) {\n e.target.classList.remove('opacity-50');\n }\n\n function handleDragOver(e) {\n e.preventDefault();\n }\n\n function handleDragEnter(e) {\n e.preventDefault();\n e.target.closest('.drop-zone').classList.add('border-green-500', 'bg-green-50');\n }\n\n function handleDragLeave(e) {\n e.target.closest('.drop-zone').classList.remove('border-green-500', 'bg-green-50');\n }\n\n function handleDrop(e) {\n e.preventDefault();\n const dropZone = e.target.closest('.drop-zone');\n dropZone.classList.remove('border-green-500', 'bg-green-50');\n\n const itemId = e.dataTransfer.getData('text/plain');\n const draggedItem = document.querySelector(`[data-id=\"${itemId}\"]`);\n\n if (draggedItem && dropZone) {\n dropZone.appendChild(draggedItem);\n dropZone.querySelector('.text-center').style.display = 'none';\n }\n }\n\n // Check answers functionality\n checkAnswersBtn.addEventListener('click', () => {\n const correctMatches = {\n z1: 'd2',\n z2: 'd1',\n z3: 'd4',\n z4: 'd3',\n z5: 'd5',\n z6: 'd6'\n };\n\n let score = 0;\n Object.keys(correctMatches).forEach(zoneId => {\n const zone = document.querySelector(`.drop-zone[data-id=\"${zoneId}\"]`);\n const placedItem = zone.querySelector('.draggable-item');\n if (placedItem && placedItem.dataset.id === correctMatches[zoneId]) {\n score += 1;\n zone.classList.add('border-green-600');\n } else {\n zone.classList.add('border-red-600');\n }\n });\n\n feedbackArea.classList.remove('hidden');\n feedbackContent.innerHTML = `<p class=\"text-lg font-medium\">You matched <span class=\"text-green-600\">${score}</span> out of 6 correctly.</p>`;\n });",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Draggable Items\nRadius\nDiameter\nChord\nArc\nSector\nSegment",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Drop Zones\nStraight line through centre\nLine from centre to edge\nCurved part of circumference\nStraight line joining two points on circle\n‘Pizza slice’ region\nShaded region between chord and arc",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Tip:\nDrop all terms, then hit ‘Check’ to see your score!",
"image_description": ""
}
]
},
{
"slide": 7,
"fragments": [
{
"fragment_index": -1,
"text_description": "Angle at Centre",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "",
"image_description": "https://sparkl-vector-images.s3.ap-south-1.amazonaws.com/img/lp/study_content/lp/1/12/15/240/942/1882/2090/LP_1.12.1.11.2.5_UV_SU_SS_html_13fd7bfd.gif"
},
{
"fragment_index": 2,
"text_description": "Angle at Centre Theorem\nThe angle subtended at the centre of a circle by a chord is twice the angle subtended at any point on the circumference by the same chord.\nKey Point:\n\\( \\angle AOB = 2 \\times \\angle ACB \\) (chord AB).",
"image_description": ""
}
]
},
{
"slide": 8,
"fragments": [
{
"fragment_index": -1,
"text_description": "Quick Check – Angle Theorem\nQuestion\nIf the angle at the circumference is 30°, what is the angle at the centre?\nSubmit Answer\nCorrect!\nSpot on! 2 × 30° = 60°.\nIncorrect\nNot quite. Double the circumference angle to get the centre angle.\nconst correctOption = 1;\n const answerCards = document.querySelectorAll('.answer-card');\n const submitBtn = document.getElementById('submitBtn');\n const feedbackCorrect = document.getElementById('feedbackCorrect');\n const feedbackIncorrect = document.getElementById('feedbackIncorrect');\n\n let selectedOption = null;\n\n answerCards.forEach((card, index) => {\n card.addEventListener('click', () => {\n answerCards.forEach(c => c.classList.remove('border-blue-500', 'bg-blue-50'));\n card.classList.add('border-blue-500', 'bg-blue-50');\n selectedOption = index;\n });\n });\n\n submitBtn.addEventListener('click', () => {\n if (selectedOption === null) return;\n\n if (selectedOption === correctOption) {\n feedbackCorrect.classList.remove('hidden');\n feedbackIncorrect.classList.add('hidden');\n } else {\n feedbackIncorrect.classList.remove('hidden');\n feedbackCorrect.classList.add('hidden');\n }\n });",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "1\n30°",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "2\n60°",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "3\n90°",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "4\n120°",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "Hint:\nRemember: centre angle = 2 × circumference angle.",
"image_description": ""
}
]
},
{
"slide": 9,
"fragments": [
{
"fragment_index": -1,
"text_description": "Key Takeaways\nThank You!\nNow you can summarise circle parts and their angle relationships.",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "A circle is the set of points fixed distance from its centre.",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Arc is a curved edge; chord is a straight line joining two points.",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Arc length connects radius, central angle, and π.",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "Sectors and segments slice the circle by radii or chords.",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "Angle at centre equals twice the angle on the circumference.",
"image_description": ""
},
{
"fragment_index": 6,
"text_description": "Next Steps\nPractice problems and measure real-world circles to strengthen these ideas.",
"image_description": ""
}
]
}
]