Lucas Kent e39465ad2f Changes to be committed:
new file:   Files/flashplayer_32_sa.exe
	new file:   favicon.ico
	new file:   globe.gif
	new file:   imgs/download.png
	new file:   imgs/zuck.jpg
	new file:   index.html
	new file:   other.ico
	new file:   script.js
	new file:   site.webmanifest
	new file:   sitemap.html
	new file:   styles/backround.css
	new file:   styles/border.css
	new file:   styles/fonts/Titillium_Web/OFL.txt
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
	new file:   styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
	new file:   styles/fonts/webfontkit-20221027-163353/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
	new file:   styles/fonts/webfontkit-20221027-165950/generator_config.txt
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
	new file:   styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/stylesheet.css
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
	new file:   styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
	new file:   styles/style.css
	new file:   tools/2048/.gitignore
	new file:   tools/2048/.jshintrc
	new file:   tools/2048/CONTRIBUTING.md
	new file:   tools/2048/LICENSE.txt
	new file:   tools/2048/README.md
	new file:   tools/2048/Rakefile
	new file:   tools/2048/favicon.ico
	new file:   tools/2048/index.html
	new file:   tools/2048/js/animframe_polyfill.js
	new file:   tools/2048/js/application.js
	new file:   tools/2048/js/bind_polyfill.js
	new file:   tools/2048/js/classlist_polyfill.js
	new file:   tools/2048/js/game_manager.js
	new file:   tools/2048/js/grid.js
	new file:   tools/2048/js/html_actuator.js
	new file:   tools/2048/js/keyboard_input_manager.js
	new file:   tools/2048/js/local_storage_manager.js
	new file:   tools/2048/js/tile.js
    new file:   tools/2048/meta/apple-touch-icon.png
	new file:   tools/webretro/cores/neocd_libretro.js
	new file:   tools/webretro/cores/neocd_libretro.wasm
	new file:   tools/webretro/cores/nestopia_libretro.js
	new file:   tools/webretro/cores/nestopia_libretro.wasm
	new file:   tools/webretro/cores/o2em_libretro.js
	new file:   tools/webretro/cores/o2em_libretro.wasm
	new file:   tools/webretro/cores/opera_libretro.js
	new file:   tools/webretro/cores/opera_libretro.wasm
2022-11-02 08:40:01 -04:00

149 lines
8.1 KiB
HTML

<!doctype html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/geometry/circle-sector-segment.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:36 GMT -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Circle Sector and Segment</title>
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="pics-label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.mathsisfun.com" r (SS~~000 1))'>
<link rel="stylesheet" type="text/css" href="../style3.css" />
<script src="../main3.js" type="text/javascript"></script>
</head>
<body id="bodybg">
<div class="bg">
<div id="stt"></div>
<div id="hdr"></div>
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun" /></a></div>
<div id="gtran"><script type="text/javascript">document.write(getTrans());</script></div>
<div id="gplus"><script type="text/javascript">document.write(getGPlus());</script></div>
<div id="adTopOuter" class="centerfull noprint">
<div id="adTop">
<script type="text/javascript">document.write(getAdTop());</script>
</div>
</div>
<div id="adHide">
<div id="showAds1"><a href="javascript:showAds()">Show Ads</a></div>
<div id="hideAds1"><a href="javascript:hideAds()">Hide Ads</a><br>
<a href="../about-ads.html">About Ads</a></div>
</div>
<div id="menuWide" class="menu">
<script type="text/javascript">document.write(getMenu(0));</script>
</div>
<div id="linkto">
<div id="linktort"><script type="text/javascript">document.write(getLinks());</script></div>
</div>
<div id="search" role="search"><script type="text/javascript">document.write(getSearch());</script></div>
<div id="menuSlim" class="menu">
<script type="text/javascript">document.write(getMenu(1));</script>
</div>
<div id="menuTiny" class="menu">
<script type="text/javascript">document.write(getMenu(2));</script>
</div>
<div id="extra"></div>
</div>
<div id="content" role="main"><!-- #BeginEditable "Body" -->
<h1 align="center">Circle Sector and Segment</h1>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/circle-slices.svg" alt="circle sector segment" /></p>
<h2>Slices</h2>
<p>There are two main &quot;slices&quot; of a <a href="circle.html">circle</a>:</p>
<ul>
<div class="bigul">
<li>The &quot;pizza&quot; slice is called a <b>Sector</b>.</li>
<li>And the <b>Segment</b>, which is cut from the circle by a &quot;chord&quot; (a line between two points on the circle).</li>
</div>
</ul>
<h2>Try Them!</h2>
<div class="simple">
<table border="0" align="center">
<tr align="center">
<th>Sector</th>
<th>Segment</th>
</tr>
<tr bgcolor="#FFFFFF">
<td><iframe src="icircle-sector.html" scrolling="no" style="width:264px; height:264px; overflow:hidden; margin:auto; display:block; border: 1px solid blue; border-radius: 5px;"></iframe></td>
<td><iframe src="icircle-segment.html" scrolling="no" style="width:264px; height:264px; overflow:hidden; margin:auto; display:block; border: 1px solid blue; border-radius: 5px;"></iframe></td>
</tr>
</table>
</div>
<h2> Common Sectors </h2>
<p>The Quadrant and Semicircle are two special types of Sector:</p>
<div style="float:left; margin: 0 10px 5px 0;">
<p><img src="images/circle-semicircle.svg" alt="semicircle" /><br>
Half a circle is <br>
a <b>Semicircle.</b></p>
</div>
<div style="float:right; margin: 0 0 5px 10px;">
<p class="right"><img src="images/circle-quadrant.svg" alt="quadrant" /><br>
Quarter of a circle is<br>
a <b>Quadrant</b>.</p>
</div>
<div style="clear:both"></div>
<h2>Area of a Sector</h2>
<p>You can work out the Area of a Sector by comparing its angle to the angle of a full circle.</p>
<p class="center"><i>Note: we are using <a href="radians.html">radians</a> for the angles.</i></p>
<p class="center"><img src="images/circle-sector-area.svg" alt="circular sector area" /></p>
<p>This is the reasoning:</p><div class="tbl">
<div class="row"><span class="left">A circle has an angle of 2<span class="times">&pi;</span> and an Area of:</span><span class="right"><span class="times">&pi;</span>r<sup>2</sup></span></div>
<div class="row"><span class="left">A Sector has an angle of <span class="times">&theta;</span> <b>instead of</b> 2<span class="times">&pi;</span> so its Area is : </span><span class="right"><span class="intbl"><em><span class="times">&theta;</span></em><strong>2<span class="times">&pi;</span></strong></span> &times;<span class="times"> &pi;</span>r<sup>2</sup></span></div>
<div class="row"><span class="left">Which can be simplified to:</span><span class="right"><span class="intbl"><em><span class="times">&theta;</span></em><strong>2</strong></span> &times; r<sup>2</sup></span></div>
</div>
<p>&nbsp;</p>
<p align="center" class="large">Area of Sector = <span class="intbl">
<em>&theta;</em>
<strong>2</strong>
</span> &times; r<sup>2</sup> &nbsp; <i>(when &theta; is in radians)</i></p>
<p class="center large">Area of Sector = <span class="intbl">
<em>&theta; &times; <span class="times">&pi;</span></em>
<strong>360</strong>
</span> &times; r<sup>2</sup> &nbsp; <i>(when &theta; is in degrees) </i></p>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/circle-segment-area.svg" alt="circular segment area" /></p>
<h2>Area of Segment</h2>
<p>The Area of a Segment is the area of a sector minus the triangular piece (shown in light blue here). </p>
<p>There is a lengthy reason, but the result is a slight modification of the Sector formula:</p>
<div style="clear:both"></div><p class="center large">Area of Segment = <span class="intbl">
<em>&theta; &minus; sin(&theta;)</em>
<strong>2</strong>
</span> &times; r<sup>2</sup> &nbsp; <i>(when &theta; is in radians)</i></p>
<p class="center large">Area of Segment = ( <span class="intbl">
<em>&theta; &times; <span class="times">&pi;</span></em>
<strong>360</strong>
</span>
&minus; <span class="intbl"><em>sin(&theta;)</em><strong>2
</strong></span>) &times; r<sup>2</sup> &nbsp; <i>(when &theta; is in degrees)</i></p>
<p>&nbsp;</p>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/circle-arc-length.svg" alt="circular sector arc length" />
</p>
<h2>Arc Length</h2>
<p>The arc length (of a <b>Sector or Segment</b>) is:</p>
<p class="center large">L = &theta; &times; r &nbsp; <i>(when &theta; is in radians)</i></p>
<p class="center large">L = &theta; &times; <span class="intbl"><em><span class="times">&pi;</span></em><strong>180</strong></span> &times; r &nbsp; <i>(when &theta; is in degrees)</i></p>
<p>&nbsp;</p>
<iframe src="icircle-arclen.html" scrolling="no" style="width:264px; height:264px; overflow:hidden; margin:auto; display:block; border: 1px solid blue; border-radius: 5px;"></iframe>
<p>&nbsp;</p>
<div class="questions">
<script type="text/javascript">getQ(770, 771, 772, 773, 1767, 1768, 1765, 1766, 3238, 3239);</script>&nbsp; </div>
<div class="related"> <a href="../numbers/pi.html">Pi</a> <a href="plane.html">Plane</a> <a href="unit-circle.html">Unit Circle</a> <a href="plane-geometry.html">Plane Geometry</a> <a href="index.html">Geometry Index</a></div>
<!-- #EndEditable --></div>
<div id="adend" class="centerfull noprint">
<script type="text/javascript">document.write(getAdEnd());</script>
</div>
<div id="footer" class="centerfull noprint">
<script type="text/javascript">document.write(getFooter());</script>
</div>
<div id="copyrt">
Copyright &copy; 2017 MathsIsFun.com
</div>
<script type="text/javascript">document.write(getBodyEnd());</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/geometry/circle-sector-segment.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:37 GMT -->
</html>