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
192 lines
6.6 KiB
HTML
192 lines
6.6 KiB
HTML
<!doctype html>
|
|
<html lang="en"><!-- #BeginTemplate "../Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/data/bar-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:36 GMT -->
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Bar Graphs</title>
|
|
<script>reSpell=[["favorite","favourite"]];</script>
|
|
<meta name="description" content="A Bar Graph (also called Bar Chart) is a graphical display of data using bars of different heights" />
|
|
|
|
<!-- #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" -->
|
|
|
|
<h1 align="center">Bar Graphs</h1>
|
|
<div class="def">
|
|
<p>A <b>Bar Graph</b> (also called Bar Chart) is a graphical display of data using bars of different heights.
|
|
</p>
|
|
</div>
|
|
<p>Imagine you just did a survey of your friends to find which kind of movie they liked best:</p>
|
|
<div class="simple">
|
|
<table align="center">
|
|
<tr align="center">
|
|
<td colspan="5"><b>
|
|
<em>Table:</em>
|
|
<em> Favorite Type of Movie</em>
|
|
</b></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<th width="80">Comedy</th>
|
|
<th width="80">Action</th>
|
|
<th width="80">Romance</th>
|
|
<th width="80">Drama</th>
|
|
<th width="80">SciFi</th>
|
|
</tr>
|
|
<tr align="center">
|
|
<td>4</td>
|
|
<td>5</td>
|
|
<td>6</td>
|
|
<td>1</td>
|
|
<td>4</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<p>We can show that on a bar graph like this:</p>
|
|
<p align="center"><img src="images/bar-chart-movies.svg" alt="Favorite Type of Movie" /></p>
|
|
<p>It is a really good way to show relative sizes: we can see which types of movie are most liked, and which are least liked, at a glance.</p>
|
|
<p>We can use bar graphs to show the relative sizes of many things, such as what type of car people have, how many customers a shop has on different days and so on.</p>
|
|
<div class="example">
|
|
<h3>Example: Nicest Fruit</h3>
|
|
<p>A survey of 145 people asked them "Which is the nicest fruit?":</p>
|
|
<div class="simple">
|
|
<table border="0" align="center" cellspacing="5">
|
|
<tr align="center">
|
|
<td>Fruit:</td>
|
|
<td><b>Apple</b></td>
|
|
<td><b>Orange</b></td>
|
|
<td><b>Banana</b></td>
|
|
<td><b>Kiwifruit</b></td>
|
|
<td><b>Blueberry</b></td>
|
|
<td><b>Grapes</b></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td>People:</td>
|
|
<td>35</td>
|
|
<td>30</td>
|
|
<td>10</td>
|
|
<td>25</td>
|
|
<td>40</td>
|
|
<td>5</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<p>And here is the bar graph:</p>
|
|
<p class="center"><img src="images/bar-graph-fruit.svg" alt="bar graph for fruit" /></p>
|
|
<p> That group of people think Blueberries are the nicest. </p>
|
|
<p>Bar Graphs can also be <b>Horizontal</b>, like this:</p>
|
|
<p class="center"><img src="images/bar-graph-horiz.svg" alt="bar graph horizontal" /></p>
|
|
</div>
|
|
|
|
<div class="example">
|
|
<h3>Example: Student Grades</h3>
|
|
<p>In a recent test, this many students got these grades:</p>
|
|
<table width="50%" border="0" align="center">
|
|
<tr align="center">
|
|
<td width="25%">Grade:</td>
|
|
<td width="15%"><b>A</b></td>
|
|
<td width="15%"><b>B</b></td>
|
|
<td width="15%"><b>C</b></td>
|
|
<td width="15%"><b>D</b></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td width="25%">Students:</td>
|
|
<td>4</td>
|
|
<td>12</td>
|
|
<td>10</td>
|
|
<td>2</td>
|
|
</tr>
|
|
</table>
|
|
<p>And here is the bar graph:</p>
|
|
<p align="center"><img src="images/bar-chart-example.svg" alt="Bar Chart Example" /></p>
|
|
</div>
|
|
|
|
<p>You can create graphs like that using our <a href="data-graph.html">Data Graphs (Bar, Line, Dot, Pie, Histogram)</a> page.</p>
|
|
<p> </p>
|
|
<h2>Histograms vs Bar Graphs</h2>
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/bar-chart-vs-histogram.svg" alt="bar chart vs histogram" /></p>
|
|
<p>Bar Graphs are good when your data is in <b>categories</b> (such as "Comedy", "Drama", etc).</p>
|
|
<p>But when you have <a href="data-discrete-continuous.html">continuous data</a><b> </b>(such as a person's height) then use a <a href="histograms.html">Histogram</a>.</p>
|
|
|
|
|
|
<p>It is best to leave gaps between the bars of a Bar Graph, so it doesn't look like a Histogram. </p>
|
|
<p> </p>
|
|
<div class="questions">
|
|
|
|
<script type="text/javascript">getQ(678, 679, 1424, 1425, 1429, 2149, 2150, 3765, 3766, 3767);</script>
|
|
|
|
</div>
|
|
<div class="related">
|
|
<a href="data-graph.html">Make a Bar Graph</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 --></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 © 2019 MathsIsFun.com
|
|
</div>
|
|
<script>document.write(getBodyEnd());</script>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/data/bar-graphs.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:41:37 GMT -->
|
|
</html>
|