lkarch.org/tools/mathisfun/www.mathsisfun.com/algebra/line-equation-point-slope.html
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

208 lines
9.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/algebra/line-equation-point-slope.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:00:19 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- #BeginEditable "doctitle" -->
<title>Point-Slope Equation of a Line</title>
<!-- #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" type="text/css" href="../style3.css">
<script src="../main3.js"></script>
</head>
<body id="bodybg">
<div class="bg">
<div id="stt"></div>
<header>
<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>document.write(getTrans());</script>
</div>
<div id="adTopOuter" class="centerfull noprint">
<div id="adTop">
<script>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>
</header>
<nav>
<div id="menuWide" class="menu">
<script>document.write(getMenu(0));</script>
</div>
<div id="linkto">
<div id="linktort">
<script>document.write(getLinks());</script>
</div>
</div>
<div id="search" role="search">
<script>document.write(getSearch());</script>
</div>
<div id="menuSlim" class="menu">
<script>document.write(getMenu(1));</script>
</div>
<div id="menuTiny" class="menu">
<script>document.write(getMenu(2));</script>
</div>
</nav>
<div id="extra"></div>
</div>
<article id="content" role="main">
<!-- #BeginEditable "Body" --><a name="Top" id="Top"></a>
<center>
<h1>Point-Slope Equation of a Line</h1>
</center>
<h3 align="center"><br>
The &quot;point-slope&quot; form of the equation of a straight line is:<br>
<br></h3>
<div class="center80">
<p align="center" class="largest">y &minus; y<sub>1</sub> = m(x &minus; x<sub>1</sub>)</p>
</div>
<p><center>
</center></p>
<p>The equation is useful when we know:</p>
<ul>
<li>one <a href="../data/cartesian-coordinates.html">point</a> on the line: <b>(x<sub>1</sub>,y<sub>1</sub>)</b></li>
<li>and the <a href="../geometry/slope.html">slope</a> of the line: <b>m</b>,</li>
</ul>
<p>and want to find other points on the line.</p>
<p>Have a play with it first (move the point, try different slopes):</p>
<script src="../geometry/images/geom-line-equn.js"></script>
<script>geomlineequnMain('pt');</script>
<p>&nbsp;</p>
<p>Now let's discover more.</p>
<h2>What does it stand for?</h2>
<p style="float:left; margin: 0 30px 5px 0;"><img src="../data/images/graph-point-slope-a.gif" alt="graph with slope m" width="221" height="184" /></p>
<p><span class="large">(x<sub>1</sub>, y<sub>1</sub>)</span> is a <b>known</b> point</p>
<p><span class="large">m</span> is the <b>slope</b> of the line</p>
<p><span class="large">(x, y)</span> is any other point on the line</p>
<div style="clear:both"></div>
<h2>Making sense of it</h2>
<p>It is based on the slope:</p>
<p class="center"><img src="../data/images/graph-point-slope-b.gif" alt="graph" width="303" height="186" /></p>
<p class="center large"><a href="../geometry/slope.html">Slope</a> m&nbsp; = &nbsp;<span class="intbl">
<em>change in y</em>
<strong>change in x</strong>
</span>&nbsp; = &nbsp;<span class="intbl">
<em>y &minus; y<sub>1</sub></em>
<strong>x &minus; x<sub>1</sub></strong>
</span></p>
<p>&nbsp;</p>
<table style="border: 0; margin:auto;">
<tr>
<td align="right"><p>Starting with the slope:</p>
<p>we rearrange it like this:</p>
<p>&nbsp;</p>
<p>to get this:</p></td>
<td width="20" align="right">&nbsp;</td>
<td><img src="../data/images/equn-line-slope-rearrange.gif" width="211" height="186" alt="equation of line slope rearrange" /></td>
</tr>
</table>
<p>So, it is just the slope formula in a different way!</p>
<h3>Now let us see how to use it.</h3>
<div class="example">
<h3>Example 1:</h3>
<p class="center"><img src="../data/images/graph-point-slope-d.gif" alt="graph with slope m=3" width="219" height="187" /></p>
<p class="center large">slope "m"&nbsp; = &nbsp;<span class="intbl"><em>3</em><strong>1</strong></span>&nbsp; = &nbsp;3</p>
<p class="center large">y &minus; y<sub>1</sub> = m(x &minus; x<sub>1</sub>)</p>
<p>We know <span class="large">m</span>, and also know that <span class="large">(x<sub>1</sub>, y<sub>1</sub>) </span>=<span class="large"> (3,2)</span>, and so we have:</p>
<div class="center80">
<p class="center large">y &minus; 2 = 3(x &minus; 3)</p>
</div>
<p>That is a perfectly good answer, but we can simplify it a little:</p>
<p class="center"><span class="large">y &minus; 2 = 3x &minus; 9</span></p>
<p class="center"><span class="large">y = 3x &minus; 9 + 2</span><br></p>
<p class="center"><span class="large">y = 3x &minus; 7</span><br></p>
</div>
<div class="example">
<h3>Example 2:</h3>
<p class="center"><img src="images/m3x-graph2.svg" alt="y=-3x graph" /></p>
<center>
<p class="large">m = <span class="intbl">
<em>&minus;3</em>
<strong>1</strong>
</span> = &minus;3</p>
</center>
<p class="center large">y &minus; y<sub>1</sub> = m(x &minus; x<sub>1</sub>)</p>
<p>We can pick any point for <span class="large">(x<sub>1</sub>, y<sub>1</sub>)</span>, so let's choose <span class="large"> (0,0)</span>, and we have:</p>
<p class="center large">y &minus; 0 = &minus;3(x &minus; 0)</p>
<p>Which can be simplified to:</p>
<div class="center80">
<p class="center large">y = &minus;3x</p>
</div>
</div>
<div class="example">
<h3>Example 3: Vertical Line</h3>
<table style="border: 0; margin:auto;">
<tr>
<td align="center"><img src="../data/images/graph-x-2.gif" alt="graph x=2" width="198" height="233" /></td>
</tr>
</table>
<p class="center">What is the equation for a vertical line?<br>
The slope is undefined!</p>
<p>In fact, this is a <b>special case</b>, and we use a different equation, like this:</p>
<div class="center80">
<p class="center large">x = 1.5</p>
</div>
<p class="center">Every point on the line has <b>x</b> coordinate <b>1.5</b>,<br>
thats why its equation is <b>x = 1.5</b></p>
</div>
<h2>What About y = mx + b ?</h2>
<p>You may already be familiar with the &quot;<a href="../equation_of_line.html">y=mx+b</a>&quot; form (called the slope-intercept form of the equation of a line).</p>
<p class="center larger">It is the same equation, in a different form!</p>
<p>The &quot;b&quot; value (called the <a href="../y_intercept.html">y-intercept</a>) is where the line crosses the y-axis.</p>
<p class="center">So point <span class="large">(x<sub>1</sub>, y<sub>1</sub>)</span> is actually at <span class="large">(0, b)</span></p>
<p>and the equation becomes:</p><div class="tbl">
<div class="row"><span class="left">Start with</span><span class="right"><span class="large">y &minus; y<sub>1</sub> = m(x &minus; x<sub>1</sub>)</span></span></div>
<div class="row"><span class="left"><span class="large">(x<sub>1</sub>, y<sub>1</sub>)</span> is actually <span class="large">(0, b)</span>:</span><span class="right"><span class="large">y &minus; b = m(x &minus; 0)</span></span></div>
<div class="row"><span class="left">Which is:</span><span class="right"><span class="large">y &minus; b = mx</span></span></div>
<div class="row"><span class="left">Put b on other side:</span><span class="right"><span class="large"><b>y = mx + b</b></span></span></div>
</div>
<p>&nbsp;</p>
<div class="questions">
<script>getQ(519, 521, 522, 1160, 1161, 1162, 2074, 2075, 9027, 9028, 9029);</script>&nbsp; </div>
<div class="related">
<a href="../gradient.html">Slope (Gradient) of a Straight Line</a>
<a href="../y_intercept.html">Y Intercept of a Straight Line</a>
<a href="../quiz/linear_equation_test.html">Test Yourself</a>
<a href="../data/straight_line_graph.html">Explore the Straight Line Graph</a>
<a href="../straight-line-graph-calculate.html">Straight Line Graph Calculator</a>
<a href="../data/graphs-index.html">Graph Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint">
<script>document.write(getAdEnd());</script>
</div>
<footer id="footer" class="centerfull noprint">
<script>document.write(getFooter());</script>
</footer>
<div id="copyrt">
Copyright &copy; 2020 MathsIsFun.com
</div>
<script>document.write(getBodyEnd());</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/algebra/line-equation-point-slope.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 01:00:20 GMT -->
</html>