lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
lkarch.org/tools/mathisfun/www.mathsisfun.com/data/cumulative-tables-graphs.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

293 lines
10 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/data/cumulative-tables-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:44 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- #BeginEditable "doctitle" -->
<title>Cumulative Tables and Graphs</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 http-equiv="pics-label" content="(PICS-1.1 &quot;http://www.classify.org/safesurf/&quot; L gen true for &quot;http://www.mathsisfun.com&quot; 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">Cumulative Tables and Graphs</h1>
<h2>Cumulative</h2>
<p>Cumulative means "how much so far".</p>
<p align="center"><i>Think of the word "accumulate" which means to gather together.</i></p>
<p>To have cumulative totals, just <b>add up the values as you go</b>.</p>
<div class="example">
<h3>Example: Jamie has earned this much in the last 6 months:</h3>
<table align="center" border="0">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
</tr>
<tr>
<td align="right" width="90">April</td>
<td align="right" width="90">$50</td>
</tr>
<tr>
<td align="right" width="90">May</td>
<td align="right" width="90">$110</td>
</tr>
<tr>
<td align="right" width="90">June</td>
<td align="right" width="90">$100</td>
</tr>
<tr>
<td align="right" width="90">July</td>
<td align="right" width="90">$50</td>
</tr>
<tr>
<td align="right" width="90">August</td>
<td align="right" width="90">$20</td>
</tr>
</tbody></table>
<p>To work out the cumulative totals, just add up as you go.</p>
<p>The first line is easy, the total earned so far is the same as Jamie earned that month:</p>
<table align="center" border="1">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
<th align="right" width="90">Cumulative</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
<td class="hilite" align="right" width="90"><b>$120</b></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<p>But for April, the total earned so far is $120 + $50 = <b>$170</b> :</p>
<table align="center" border="1">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
<th align="right" width="90">Cumulative</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
<td class="hilite" align="right" width="90">$120</td>
</tr>
<tr>
<td align="right" width="90">April</td>
<td class="hilite" align="right" width="90">$50</td>
<td class="hilite" align="right" width="90"><b>$170</b></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<p>And for May we continue to add up: $170 + $110 = <b>$280</b></p>
<table align="center" border="1">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
<th align="right" width="90">Cumulative</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
<td align="right" width="90">$120</td>
</tr>
<tr>
<td align="right" width="90">April</td>
<td align="right" width="90">$50</td>
<td class="hilite" align="right" width="90">$170</td>
</tr>
<tr>
<td align="right" width="90">May</td>
<td class="hilite" align="right" width="90">$110</td>
<td class="hilite" align="right" width="90"><b>$280</b></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<p>Do you see how we add this month's earnings to the previous month's cumulative total? </p>
<p>Here is the calculation for the rest:</p>
<ul>
<li>June is $280 + $100 = <b>$380</b></li>
<li>July is $380 + $50 = <b>$430</b></li>
<li>August is $430 + $20 = <b>$450</b></li>
</ul>
<p>And this is the result</p>
<table align="center" border="1">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
<th align="right" width="90">Cumulative</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
<td align="right" width="90">$120</td>
</tr>
<tr>
<td align="right" width="90">April</td>
<td align="right" width="90">$50</td>
<td align="right" width="90">$170</td>
</tr>
<tr>
<td align="right" width="90">May</td>
<td align="right" width="90">$110</td>
<td align="right" width="90">$280</td>
</tr>
<tr>
<td align="right" width="90">June</td>
<td align="right" width="90">$100</td>
<td align="right" width="90">$380</td>
</tr>
<tr>
<td align="right" width="90">July</td>
<td align="right" width="90">$50</td>
<td align="right" width="90">$430</td>
</tr>
<tr>
<td align="right" width="90">August</td>
<td align="right" width="90">$20</td>
<td align="right" width="90">$450</td>
</tr>
</tbody></table>
<p>The last cumulative total should match the total of all earnings:</p>
<p class="larger" align="center"><b>$450</b> is the last cumulative total ... <br>
...
it is also the total of all earnings:</p>
<p class="larger" align="center">$120+$50+$110+$100+$50+$20 = <b>$450</b></p>
<p>So we got it right.</p>
</div>
<p>So that's how to do it, <b>add up as you go down the list</b> and you will have cumulative totals.</p>
<div class="def">
<p>We could also call it a "Running Total"</p>
</div>
<h2>Graphs</h2>
<p>We can make cumulative graphs, too. Just plot each cumulative total: </p>
<table align="center" border="1">
<tbody>
<tr>
<th align="right" width="90">Month</th>
<th align="right" width="90">Earned</th>
<th align="right" width="90">Cumulative</th>
</tr>
<tr>
<td align="right" width="90">March</td>
<td align="right" width="90">$120</td>
<td align="right" width="90">$120</td>
</tr>
<tr>
<td align="right" width="90">April</td>
<td align="right" width="90">$50</td>
<td align="right" width="90">$170</td>
</tr>
<tr>
<td align="right" width="90">May</td>
<td align="right" width="90">$110</td>
<td align="right" width="90">$280</td>
</tr>
<tr>
<td align="right" width="90">June</td>
<td align="right" width="90">$100</td>
<td align="right" width="90">$380</td>
</tr>
<tr>
<td align="right" width="90">July</td>
<td align="right" width="90">$50</td>
<td align="right" width="90">$430</td>
</tr>
<tr>
<td align="right" width="90">August</td>
<td align="right" width="90">$20</td>
<td align="right" width="90">$450</td>
</tr>
</tbody></table>
<p>Like this:</p>
<p class="center"><img src="images/cumulative-bar-graph.svg" alt="Cumulative Bar Graph"><span class="larger"><br>
Cumulative Bar Graph</span>
</p>
<p>
Or this:
</p>
<p class="center"><img src="images/cumulative-line-graph.svg" alt="Cumulative Line Graph"><span class="larger"><br>
Cumulative Line Graph</span>
</p>
<p>&nbsp;</p>
<div class="questions">
<script type="text/javascript">getQ(689, 690, 1447, 1448, 3124, 3125, 3126, 3127, 3784, 3785);</script>&nbsp;
</div>
<div class="related"><a href="index.html">Data 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 © 2017 MathsIsFun.com
</div>
<script type="text/javascript">document.write(getBodyEnd());</script>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/data/cumulative-tables-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:44 GMT -->
</html>
Reference in New Issue View Git Blame Copy Permalink