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/dot-plots.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

269 lines
8.8 KiB
HTML
Raw Blame History

<!doctype html>
<html lang="en"><!-- #BeginTemplate "../Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/data/dot-plots.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:38 GMT -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Dot Plots</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 http-equiv="content-type" content="text/html; charset=utf-8">
<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 "http://www.classify.org/safesurf/" L gen true for "http://www.mathsisfun.com" 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">Dot Plots</h1>
<p class="center">A <b>Dot Plot</b> is a graphical display of data using dots.
</p>
<div class="example">
<h3>Example: Minutes To Eat Breakfast</h3>
<p>A survey of &quot;How long does it take you to eat breakfast?&quot; has these results: </p>
<table border="0" align="center" cellspacing="5">
<tr align="center">
<td>Minutes:</td>
<td width="20"><b>0</b></td>
<td width="20"><b>1</b></td>
<td width="20"><b>2</b></td>
<td width="20"><b>3</b></td>
<td width="20"><b>4</b></td>
<td width="20"><b>5</b></td>
<td width="20"><b>6</b></td>
<td width="20"><b>7</b></td>
<td width="20"><b>8</b></td>
<td width="20"><b>9</b></td>
<td width="20"><b>10</b></td>
<td width="20"><b>11</b></td>
<td width="20"><b>12</b></td>
</tr>
<tr align="center">
<td>People:</td>
<td width="20">6</td>
<td width="20">2</td>
<td width="20">3</td>
<td width="20">5</td>
<td width="20">2</td>
<td width="20">5</td>
<td width="20">0</td>
<td width="20">0</td>
<td width="20">2</td>
<td width="20">3</td>
<td width="20">7</td>
<td width="20">4</td>
<td width="20">1</td>
</tr>
</table>
<p>Which means that 6 people take 0 minutes to eat breakfast (they probably had no breakfast!), 2 people say they only spend 1 minute having breakfast, etc.</p>
<p>And here is the dot plot:</p>
<p class="center"><img src="images/dot-plot-b.svg" alt="dot plot with stacks of dots" /></p>
</div>
<p>You can <a href="data-graph.html">create your own dot plots</a>.</p>
<p>Another version of the dot plot has just one dot for each data point like this:</p>
<div class="example">
<h3>Example: (continued)</h3>
<p>This has the same data as above:</p>
<p align="center"><img src="images/dot-plot-c.gif" width="436" height="159" alt="dot plot lines and numbers" /></p>
<p>But notice that we need numbers on the side so we can see what the dots mean.</p>
</div>
<h2>Grouping </h2>
<div class="example">
<h3>Example: Access to Electricity across the World</h3>
<p>Some people don't have access to electricity (they live in remote or poorly served areas). A survey of many countries had these results: </p>
<table border="0" align="center">
<tr>
<th align="left">Country</th>
<th align="center">Access to Electricity <br>
(% of population)</th>
</tr>
<tr>
<td>Algeria </td>
<td align="center">99.4</td>
</tr>
<tr>
<td>Angola </td>
<td align="center">37.8</td>
</tr>
<tr>
<td>Argentina </td>
<td align="center">97.2</td>
</tr>
<tr>
<td>Bahrain </td>
<td align="center">99.4</td>
</tr>
<tr>
<td>Bangladesh </td>
<td align="center">59.6</td>
</tr>
<tr>
<td>...</td>
<td align="center">... etc</td>
</tr>
</table>
<p>But hang on! How do we make a dot plot of that? There might be only one &quot;59.6&quot; and one &quot;37.8&quot;, etc. <b>Nearly all values will have just one dot.</b></p>
<p>The answer is to <b>group the data</b> (put it into &quot;bins&quot;).</p>
<p>In this case let's try rounding every value to the nearest 10%:</p>
<table border="0" align="center">
<tr>
<th align="left">Country</th>
<th align="center">Access to Electricity <br>
(% of population, <br>
nearest 10%)</th>
</tr>
<tr>
<td>Algeria </td>
<td align="center">100</td>
</tr>
<tr>
<td>Angola </td>
<td align="center">40</td>
</tr>
<tr>
<td>Argentina </td>
<td align="center">100</td>
</tr>
<tr>
<td>Bahrain </td>
<td align="center">100</td>
</tr>
<tr>
<td>Bangladesh </td>
<td align="center">60</td>
</tr>
<tr>
<td>...</td>
<td align="center">... etc</td>
</tr>
</table>
<p>Now we count how many of each 10% grouping and these are the results:</p>
<table border="0" align="center">
<tr>
<th align="center">Access to Electricity <br>
(% of population, <br>
nearest 10%)</th>
<th width="10" align="center">&nbsp;</th>
<th align="center">Number of <br>
Countries</th>
</tr>
<tr>
<td align="center">10</td>
<td align="center">&nbsp;</td>
<td align="center">5</td>
</tr>
<tr>
<td align="center">20</td>
<td align="center">&nbsp;</td>
<td align="center">6</td>
</tr>
<tr>
<td align="center">30</td>
<td align="center">&nbsp;</td>
<td align="center">12</td>
</tr>
<tr>
<td align="center">40</td>
<td align="center">&nbsp;</td>
<td align="center">5</td>
</tr>
<tr>
<td align="center">50</td>
<td align="center">&nbsp;</td>
<td align="center">4</td>
</tr>
<tr>
<td align="center">60</td>
<td align="center">&nbsp;</td>
<td align="center">5</td>
</tr>
<tr>
<td align="center">70</td>
<td align="center">&nbsp;</td>
<td align="center">6</td>
</tr>
<tr>
<td align="center">80</td>
<td align="center">&nbsp;</td>
<td align="center">10</td>
</tr>
<tr>
<td align="center">90</td>
<td align="center">&nbsp;</td>
<td align="center">15</td>
</tr>
<tr>
<td align="center">100</td>
<td align="center">&nbsp;</td>
<td align="center">34</td>
</tr>
</table>
<p>So there were 5 countries where only 10% of the people had access to electricity,&nbsp;6 countries where 20% of the people had access to electricity, etc</p>
<p>Here is the dot plot:</p>
<p class="center"><img src="images/dot-plot-e.gif" width="303" height="256" alt="dot plot" /><br>
Percent of Population with Access to Electricity</p>
<p>And that is a good plot, it shows the data nicely.</p>
</div>
<p>&nbsp;</p>
<div class="related">
<a href="data-graph.html">Create A Dot Plot</a> <a href="line-graphs.html">Line 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 --></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 &copy; 2017 MathsIsFun.com
</div>
<script type="text/javascript">document.write(getBodyEnd());</script>
</body>
<!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/data/dot-plots.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:39 GMT -->
</html>
Reference in New Issue View Git Blame Copy Permalink