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

160 lines
7.7 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/geometry/circle-area.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:30:22 GMT -->
<head>
<meta charset="UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Area of a Circle</title>
<script language="JavaScript" type="text/javascript">reSpell=[["meters","metres"]];</script>
<meta name="description" content="Math explained in easy language, plus puzzles, games, quizzes, worksheets and a forum. For K-12 kids, teachers and parents.">
<!-- #EndEditable -->
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="HandheldFriendly" content="true">
<meta name="referrer" content="always">
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin>
<link rel="preload" href="../style4.css" as="style">
<link rel="preload" href="../main4.js" as="script">
<link rel="stylesheet" href="../style4.css">
<script src="../main4.js" defer></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-29771508-1');
</script>
</head>
<body id="bodybg">
<div id="stt"></div>
<div id="adTop"></div>
<header>
<div id="hdr"></div>
<div id="tran"></div>
<div id="adHide"></div>
<div id="cookOK"></div>
</header>
<div class="mid">
<nav>
<div id="menuWide" class="menu"></div>
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
<div id="search" role="search"></div>
<div id="linkto"></div>
<div id="menuSlim" class="menu"></div>
<div id="menuTiny" class="menu"></div>
</nav>
<div id="extra"></div>
<article id="content" role="main">
<!-- #BeginEditable "Body" -->
<h1 class="center">Area of a Circle</h1>
<h2>Calculator</h2>
<p>Enter the <b>radius, diameter, circumference</b> or <b>area</b> of a <a href="circle.html">Circle</a> to find the other three. The calculations are done "live":</p>
<div class="script" style="height: 360px;">
images/circle-dia-circ.js
</div>
<h2>How to Calculate the Area</h2>
<p><span class="left">The area of a circle is</span>:</p>
<div class="tbl">
<div class="row"><span class="left"><span class="times">π</span> (<a href="../numbers/pi.html">Pi</a>) times the Radius <a href="../square-root.html">squared</a>:</span><span class="right">A = <span class="times">π</span> r<sup>2</sup></span></div>
<div class="row"><span class="left">or, when you know the Diameter:</span><span class="right">A = (<span class="times">π</span>/4) × D<sup>2</sup></span></div>
<div class="row"><span class="left">or, when you know the Circumference:</span><span class="right">A = C<sup>2</sup> / 4<span class="times">π</span></span></div>
</div>
<div class="example">
<h3>Example: What is the area of a circle with radius of 3 m ?</h3>
<p class="center"><img src="images/circle-area-ex.svg" alt="circle radius 3" width="119" height="119" ></p>
<p class="center">Radius = r = 3</p>
<div class="tbl">
<div class="row"><span class="left"><span class="larger">Area</span></span><span class="right"><span class="larger">= <span class="times">π</span> r<sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="larger">= <span class="times">π</span> × 3<sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="larger">= 3.14159... × (3 × 3)</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="larger">= <b>28.27 m<sup>2</sup></b> (to 2 decimal places)</span></span></div>
</div>
</div>
<h2>How to Remember?</h2>
<p class="center"><img src="images/circle-area-pie-are-squared.svg" alt="circle area pi r-squared (but pies are round!)" width="235" height="199" ><br>
To help you remember think "Pie Are Squared"<br>
(even though pies are usually <i>round</i>)</p>
<h2>Comparing a Circle to a Square</h2>
<p>It is interesting to compare the area of a circle to a square:</p>
<p class="center"><img src="images/circle-area-vs-square.svg" alt="circle area is about 80% of square" width="264" height="129" ></p>
<p class="center">A circle has <b>about 80%</b> of the area of a similar-width square.<br>
The actual value is (<span class="times">π</span>/4) = 0.785398... = <b>78.5398...%</b></p>
<p class="center">Why? Because the Square's Area is <b>w<sup>2</sup></b><br>
and the Circle's Area is <b>(<span class="times">π</span>/4)</b> <b>× w<sup>2</sup></b></p>
<div class="example">
<h3>Example: Compare a square to a circle of width 3 m</h3>
<p>Square's Area = w<sup>2</sup> = 3<sup>2 </sup>= <b>9 m<sup>2</sup></b></p>
<p>Estimate of Circle's Area = 80% of Square's Area = 80% of 9 = <b>7.2 m<sup>2</sup></b></p>
<p>Circle's True Area = (<span class="times">π</span>/4) × D<sup>2</sup> = (<span class="times">π</span>/4) × 3<sup>2 </sup>= <b>7.07 m<sup>2</sup></b> (to 2 decimals)</p>
<p>&nbsp;</p>
<p class="center">The estimate of <b>7.2 m<sup>2</sup></b> is not far off <b>7.07 m<sup>2</sup></b></p>
</div>
<h2>A "Real World" Example</h2>
<div class="example">
<h3>Example: Max is building a house. The first step is to drill holes and fill them with concrete.</h3>
<p>The holes are <b>0.4 m wide</b> and <b>1 m deep</b>, how much concrete should Max order for each hole?</p>
<p>&nbsp;</p>
<p style="float:left; margin: 10px;"><img src="images/circle-auger.jpg" alt="circle auger" width="90" height="154" ></p>
<p>The holes are circular (in <a href="cross-sections.html">cross section</a>) because they are drilled out using an auger.</p>
<p>The diameter is 0.4m, so the Area is:</p>
<p style="float:right; margin: 10px;"><img src="images/circle-area-ex2.svg" alt="circle area example" width="143" height="225" ></p>
<p class="center">A = (<span class="times">π</span>/4) × D<sup>2</sup></p>
<p class="center">A = (3.14159.../4) × 0.4<sup>2</sup></p>
<p class="center">A = 0.7854... × 0.16</p>
<p class="center">A = <b>0.126 m<sup>2</sup></b> (to 3 decimals)</p>
<p>And the holes are 1 m deep, so:</p>
<p class="center">Volume = 0.126 m<sup>2</sup> × 1 m = <b>0.126 m<sup>3</sup></b></p>
<p class="larger">So Max should order 0.126 cubic meters of concrete to fill each hole.</p>
<p>&nbsp;</p>
<p>Note: Max could have <b>estimated</b> the area by:</p>
<ul>
<li>1. Calculating a square hole: 0.4<span class="center"> × 0.4 = <b>0.16 m<sup>2</sup></b></span></li>
<li>2. Taking 80% of that (estimates a circle): <span class="center"> 80% × 0.16 m<sup>2</sup></span> = <b>0.128 m<sup>2</sup></b></li>
<li>3. And the volume of a 1 m deep hole is: <span class="center"><b>0.128 m<sup>3</sup></b></span></li>
</ul>
</div>
<p>And something interesting for you:</p>
<p class="center">See <a href="circle-area-lines.html">Circle Area by Lines</a></p>
<p>&nbsp;</p>
<div class="related">
<a href="circle.html">Circle</a>
<a href="circle-area-by-sectors.html">Circle Area by Sectors</a>
<a href="index.html">Geometry Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright &copy; 2021 MathsIsFun.com</div>
</div>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/geometry/circle-area.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:30:24 GMT -->
</html>