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

197 lines
7.1 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/sets/graph-equation.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:02:21 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Graph of an Equation</title>
<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="stylesheet" href="../style4.css">
<script src="../main4.js"></script>
<script>document.write(gTagHTML())</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">Function Graph</h1>
<p class="center"><img src="../data/images/graph-func-gen.svg" alt="x y graph"><br>An example of a function graph</p>
<h2>How to Draw a Function Graph
</h2>
<p>First, start with a blank graph like this. It has x-values going left-to-right, and y-values going bottom-to-top:</p>
<p class="center"><img src="../data/images/graph-gen.svg" alt="x y graph"><br>
The x-axis and y-axis cross over <br>where x and y are both zero.</p>
<h2>Plotting Points</h2>
<p>A simple (but not perfect) approach is to calculate the function at <b>some points</b> and then plot them.</p>
<p>A function graph is the <a href="set-of-points.html">set of points</a> of the values taken by the function.</p>
<p></p>
<div class="example">
<h3>Example: <span class="large">y = x<sup>2</sup> 5</span></h3>
<p>Let us calculate <b>some points</b>:</p>
<div class="simple">
<table style="border: 0; margin:auto;">
<tbody>
<tr style="text-align:center;">
<th width="90">x</th>
<th>y = x<sup>2</sup>5</th>
</tr>
<tr style="text-align:center;">
<td>2</td>
<td>1</td>
</tr>
<tr style="text-align:center;">
<td>0</td>
<td>5</td>
</tr>
<tr style="text-align:center;">
<td>1</td>
<td>4</td>
</tr>
<tr style="text-align:center;">
<td>3</td>
<td>4</td>
</tr>
</tbody></table>
</div>
<p>And plot them like this:</p>
<p class="center"><img src="../data/images/graph-x2m5a.svg" alt="x y graph"><br></p>
<p>Not very helpful yet. Let us add some <b>more points</b>:</p>
<p class="center"><img src="../data/images/graph-x2m5b.svg" alt="x y graph"></p>
<p>Looking better!</p>
<p>We can now guess that plotting <b>all the points</b> will look like this:</p>
<p class="center"><img src="../data/images/graph-x2m5c.svg" alt="x y graph"></p>
<p>A nice <a href="../geometry/parabola.html">parabola</a>.</p>
</div>
<p>&nbsp;</p>
<p>We should try to plot enough points to be confident in what is going on!</p>
<div class="example">
<h3>Example: <span class="large">y = x<sup>3</sup> 5x</span></h3>
<p>With these calculated points:</p>
<div class="simple">
<table style="border: 0; margin:auto;">
<tbody>
<tr style="text-align:center;">
<th width="90">x</th>
<th>y = x<sup>3</sup>5x</th>
</tr>
<tr style="text-align:center;">
<td>2</td>
<td>2</td>
</tr>
<tr style="text-align:center;">
<td>0</td>
<td>0</td>
</tr>
<tr style="text-align:center;">
<td>2</td>
<td>2</td>
</tr>
</tbody></table>
</div><br>
<p>We might think this is the graph:</p>
<p class="center"><img src="images/graph-x3-5-a.gif" alt="graph" height="201" width="201"></p>
<p>But this is the real graph:</p>
<p class="center"><img src="images/graph-x3-5-b.gif" alt="graph" height="199" width="199"></p>
</div>So "plotting some points" is useful, but <b>can lead to mistakes</b>.
<h2>Complete Graph</h2>
<p>For a graph to be "complete" we need to show all the important features:</p>
<ul>
<li>Crossing points</li>
<li>Peaks</li>
<li>Valleys</li>
<li>Flat areas</li>
<li><a href="../algebra/asymptote.html">Asymptotes</a></li>
<li>Any other special features</li></ul>
<p>This often means thinking carefully about the function.</p>
<div class="example">
<h3>Example: (x1)/(x<sup>2</sup>9) </h3>
<p>On the page <a href="../algebra/rational-expression.html">Rational Expressions</a> we do some work to discover that the function:</p>
<ul>
<li>crosses the x-axis at 1, </li>
<li>crosses the y-axis at 1/9,</li>
<li>has vertical asymptotes (where it heads towards minus/plus infinity) at 3 and +3</li></ul>
<p>The result is that we can make this sketch:</p>
<p class="center"><img src="../algebra/images/asymptote-example2b.svg" alt="function local minimum and maximum"><br>
Sketch of (x1)/(x<sup>2</sup>9) from <a href="../algebra/rational-expression.html">Rational Expressions</a>.</p>
</div>&nbsp;
<h2>Using Calculus</h2>
<p>We can also <span class="center"><a href="../calculus/maxima-minima.html">find Maxima and Minima using derivatives</a></span> :</p>
<p class="center"><img src="../calculus/images/function-min-max.svg" alt="function local minimum and maximum"><br></p>
<h2>Tools to Help You
</h2>
<div class="bigul">
<ul>
<li>The <a href="../data/function-grapher.html">Function Grapher</a> can help you. Enter the equation as "y=(some function of x)". You can use zoom to find important points.</li>
<li>If you can't write the equation as "y=(some function of x)", you can try the <a href="../data/grapher-equation.html">Equation Grapher</a>, where you enter equations like "x^2+y^2=9" (meaning <b>x<sup>2</sup>+y<sup>2</sup>=9</b>).</li></ul></div>
<p>But remember they are just a help! They are only computer programs,
and could easily miss some important thing on the graph, or not plot
something correctly.</p>
<p><br></p>
<div class="words">
<p>Note: you may hear the phrase "satisfy the equation", which means where the equation is <b>true</b>.</p></div>
<p></p>
<p><br></p>
<div class="questions">
<script>getQ(4036, 1150, 1151, 4037, 2165, 7275, 7276, 7277, 7278, 7279);</script>&nbsp;
</div>
<div class="related">
<a href="../algebra/index.html">Algebra Index</a>
<a href="../data/index.html">Data Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright © 2020 MathsIsFun.com</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/sets/graph-equation.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:02:22 GMT -->
</html>