e39465ad2f
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
177 lines
6.0 KiB
HTML
177 lines
6.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/data/line-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:39 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Line 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 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="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">Line Graphs</h1>
|
|
|
|
<div class="def">
|
|
<p><b>Line Graph</b>: a graph that shows information connected in some way (usually as it changes over time).</p>
|
|
</div>
|
|
<p>You record the temperature outside your house and get these results:</p>
|
|
<div class="simple">
|
|
|
|
<table align="center">
|
|
<tbody>
|
|
<tr style="text-align:center;">
|
|
<td colspan="4"><b><em>Table:</em> <em>Temperature 22 Feb<br></em></b></td>
|
|
</tr>
|
|
<tr style="text-align:center;">
|
|
<th width="70">8:00</th>
|
|
<th width="70">10:00</th>
|
|
<th width="70">12:00</th>
|
|
<th width="70">14:00</th>
|
|
</tr>
|
|
<tr style="text-align:center;">
|
|
<td>24°</td>
|
|
<td>32°</td>
|
|
<td>36°</td>
|
|
<td>29°</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</div>
|
|
<p>You are interested to see how it rises and falls, so decide to make a line graph: </p>
|
|
<p class="center"><img src="images/line-graph-deg.svg" alt="Line Graph Example" height="286" width="344"></p>
|
|
<p class="center">It makes the data come alive, right? <br>You can see how much it cooled down after lunch.</p>
|
|
|
|
|
|
<h2>Making Line Graphs</h2>
|
|
|
|
<p>You can create graphs like that using the <a href="data-graph.html">Data Graphs (Bar, Line and Pie)</a> page.</p>
|
|
<p>Or you can draw it yourself!</p>
|
|
|
|
<div class="example">
|
|
|
|
<h3>Example: Ice Cream Sales</h3>
|
|
<div class="simple">
|
|
|
|
<table align="center">
|
|
<tbody>
|
|
<tr style="text-align:center;">
|
|
<td colspan="7"><b>
|
|
<em>Table:</em>
|
|
<em>Ice Cream Sales</em>
|
|
</b> </td>
|
|
</tr>
|
|
<tr style="text-align:center;">
|
|
<th width="60">Mon</th>
|
|
<th width="60">Tue</th>
|
|
<th width="60">Wed</th>
|
|
<th width="60">Thu</th>
|
|
<th width="60">Fri</th>
|
|
<th width="60">Sat</th>
|
|
<th width="60">Sun</th>
|
|
</tr>
|
|
<tr style="text-align:center;">
|
|
<td>$410</td>
|
|
<td>$440</td>
|
|
<td>$550</td>
|
|
<td>$420</td>
|
|
<td>$610</td>
|
|
<td>$790</td>
|
|
<td>$770</td>
|
|
</tr>
|
|
</tbody></table>
|
|
</div>
|
|
<p>Let's make the vertical scale go from $0 to $800, with tick marks every $200</p>
|
|
<p class="center"><img src="images/line-graph-1.jpg" alt="line graph 1" height="140" width="240"><br>
|
|
Draw a vertical scale with tick marks</p>
|
|
<p class="center"><img src="images/line-graph-2.jpg" alt="line graph 2" height="140" width="240"><br>
|
|
Label the tick marks, and give the scale a label</p>
|
|
<p class="center"><img src="images/line-graph-3.jpg" alt="line graph 3" height="140" width="240"><br>
|
|
Draw a horizontal scale with tick marks and labels</p>
|
|
<p class="center"><img src="images/line-graph-4.jpg" alt="line graph 4" height="140" width="240"><br>
|
|
Put a dot for each data value</p>
|
|
<p class="center"><img src="images/line-graph-5.jpg" alt="line graph 5" height="140" width="240"><br>
|
|
Connect the dots and give the graph a title</p>
|
|
</div>
|
|
<p><b>Important!</b> Make sure to have:</p>
|
|
<ul>
|
|
<li>A Title</li>
|
|
<li>Vertical scale with tick marks and labels</li>
|
|
<li>Horizontal scale with tick marks and labels</li>
|
|
<li>Data points connected by lines</li>
|
|
|
|
</ul>
|
|
<p> </p>
|
|
<div class="questions">683, 684, 1430, 1431, 1432, 2151, 2152, 2153, 3770, 3771</div>
|
|
|
|
<div class="related">
|
|
<a href="data-graph.html">Make a Line Graph</a>
|
|
<a href="bar-graphs.html">Bar Graphs</a>
|
|
<a href="pie-charts.html">Pie Charts</a>
|
|
<a href="pictographs.html">Pictographs</a>
|
|
<a href="histograms.html">Histograms</a>
|
|
<a href="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 © 2022 Rod Pierce</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body><!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/data/line-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:40 GMT -->
|
|
</html> |