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

275 lines
13 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/sets/venn-diagrams.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:32 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Sets and Venn Diagrams</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">Sets and Venn Diagrams</h1>
<h2>Sets</h2>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/set-clothes.svg" alt="set of clothes" height="153" width="244"></p>
<p>A <a href="sets-introduction.html">set</a> is a collection of things.</p>
<p>For example, the items you wear is a set: these include hat, shirt, jacket, pants, and so on.</p>
<p>You write sets inside <b>curly brackets</b> like this:</p>
<p class="center"><b>{hat, shirt, jacket, pants, ...}</b></p>
<p>You can also have sets of numbers:</p>
<ul>
<li>Set of <a href="../whole-numbers.html">whole numbers</a>: {0, 1, 2, 3, ...}</li>
<li>Set of <a href="../prime_numbers.html">prime numbers</a>: {2, 3, 5, 7, 11, 13, 17, ...}</li>
</ul>
<h2>Ten Best Friends</h2>
<p>You could have a set made up of your ten best friends:</p>
<ul>
<li>{alex, blair, casey, drew, erin, francis, glen, hunter, ira, jade}</li>
</ul>
<p>Each friend is an "element" (or "member") of the set. It is normal to use <b>lowercase letters</b> for them.</p>
<p>&nbsp;</p>
<p><img src="../images/soccer-teams.jpg" alt="soccer teams" style="float:right; margin: 10px;" height="86" width="209"></p>
<p>Now let's say that alex, casey, drew and hunter play <b>Soccer</b>:</p>
<p class="center larger">Soccer = {alex, casey, drew, hunter}</p>
<p><i>(It says the Set "Soccer" is made up of the
elements alex, casey, drew and hunter.)</i></p>
<p>&nbsp;</p>
<p><img src="images/tennis.jpg" alt="tennis" style="float:right; margin: 10px;" height="105" width="200"></p>
<p>And casey, drew and jade play <b>Tennis</b>:</p>
<p class="center larger">Tennis = {casey, drew, jade}</p>
<p align="left">&nbsp;</p>
<p align="left">We can put their names in two separate circles:</p>
<p class="center"><img src="images/venn-separate.svg" alt="Soccer and Tennis Sets" height="133" width="285"></p>
<h2>Union</h2>
<p>You can now list your friends that play <b>Soccer OR Tennis</b>.</p>
<p>This is called a "Union" of sets and has the special symbol <b></b>:</p>
<p class="center larger">Soccer <b></b> Tennis = {alex, casey, drew, hunter, jade}</p>
<p>Not everyone is in that set ... only your friends that play Soccer or Tennis (or both).</p>
<p>In other words we combine the elements of the two sets.</p>
<p>We can show that in a "Venn Diagram":</p>
<p class="center"><img src="images/venn-1.svg" alt="Soccer and Tennis Sets Union" height="133" width="212"><br>
Venn Diagram: Union of 2 Sets</p>
<p>A Venn Diagram is clever because it shows lots of information:</p>
<div class="bigul">
<ul>
<li>Do you see that alex, casey, drew and hunter are in the "Soccer" set?</li>
<li>And that casey, drew and jade are in the "Tennis" set?</li>
<li>And here is the clever thing: <b>casey and drew are in BOTH sets!</b></li>
</ul>
<p>All that in one small diagram.</p>
</div>
<h2>Intersection</h2>
<p>"Intersection" is when you must be in BOTH sets.</p>
<p>In our case that means <b>they play both Soccer AND Tennis</b> ... which is casey and drew.</p>
<p>The special symbol for Intersection is an upside down "U" like this: <b></b></p>
<p>And this is how we write it:</p>
<p class="center larger">Soccer <b></b> Tennis = {casey, drew}</p>
<p>In a Venn Diagram:</p>
<p class="center"><img src="images/venn-2.svg" alt="Soccer and Tennis Sets Intersection" height="" width=""><br>
Venn Diagram: Intersection of 2 Sets</p>
<div class="fun">
<h3>Which Way Does That "U" Go?</h3>
<p style="float:right; margin: 0 0 5px 10px;"><img src="../data/images/union-cup.jpg" alt="union symbol looks like cup" height="88" width="102"></p>
<p>Think of them as "cups": <span class="large"></span> holds more water than <span class="large"></span>, right?</p>
<p>So Union <span class="large"></span> is the one with more elements than Intersection ∩</p>
</div>
<h2>Difference</h2>
<p>You can also "subtract" one set from another.</p>
<p>For example, taking Soccer and subtracting Tennis means people that <b> play Soccer but NOT Tennis</b> ... which is alex and hunter.</p>
<p>And this is how we write it:</p>
<p class="center larger">Soccer <b></b> Tennis = {alex, hunter}</p>
<p>In a Venn Diagram:</p>
<p class="center"><img src="images/venn-diff.svg" alt="Soccer and Tennis Sets Difference" height="134" width="212"><br>
Venn Diagram: Difference of 2 Sets</p>
<h2>Summary So Far</h2>
<ul>
<div class="bigul">
<li><b class="larger"></b> is Union: is in either set or both&nbsp;sets</li>
<li><b></b> is Intersection: only in both sets</li>
<li><b></b> is Difference: in one set but not the other</li>
</div>
</ul>
<h2>Three Sets</h2>
<p>You can also use Venn Diagrams for 3 sets.</p>
<p>Let us say the third set is "Volleyball", which drew, glen and jade play:</p>
<p class="center"><span class="larger">Volleyball = {drew, glen, jade}</span></p>
<p>But let's be more "mathematical" and use a Capital Letter for each set:</p>
<ul>
<li><b>S</b> means the set of Soccer players</li>
<li><b>T</b> means the set of Tennis players</li>
<li><b>V</b> means the set of Volleyball players</li>
</ul>
<p>The Venn Diagram is now like this:</p>
<p class="center"><img src="images/venn-3.svg" alt="Soccer, Tennis and Volleyball Sets Union" height="200" width="212"></p>
<p class="center">Union of 3 Sets: S <b></b> T <b></b> V</p>
<p>You can see (for example) that:</p>
<ul>
<li>drew plays Soccer, Tennis <b>and</b> Volleyball</li>
<li>jade plays Tennis and Volleyball</li>
<li>alex and hunter play Soccer, but don't play Tennis or Volleyball</li>
<li>no-one plays <b>only</b> Tennis</li>
</ul>
<p>We can now have some fun with Unions and Intersections ...</p>
<p class="center"><img src="images/venn-4.svg" alt="Soccer, Tennis and Volleyball Sets" height="199" width="212"><br>
This is just the set S</p>
<p class="center larger">S = {alex, casey, drew, hunter}</p>
<p>&nbsp;</p>
<p class="center"><img src="images/venn-5.svg" alt="Soccer, Tennis and Volleyball Sets Union of Tennis and Volleyball" height="199" width="212"><br>
This is the Union of Sets T and V</p>
<p class="center larger">T <b></b> V = {casey, drew, jade, glen}</p>
<p>&nbsp;</p>
<p class="center"><img src="images/venn-6.svg" alt="Soccer, Tennis and Volleyball Sets Intersection of Soccer and Volleyball" height="199" width="212"><br>
This is the <b>Intersection</b> of Sets S and V</p>
<p class="center larger">S <b></b> V = {drew}</p>
<p>And how about this ...</p>
<ul>
<li>take the <b>previous set</b> S <b></b> V</li>
<li>then <b>subtract T</b>:</li>
</ul>
<p class="center"><img src="images/venn-7.svg" alt="Soccer, Tennis and Volleyball Sets" height="199" width="212"><br>
This is the Intersection of Sets S and V <b>minus</b> Set T</p>
<p class="center larger">(S <b></b> V) <b></b> T = {}</p>
<p>Hey, there is nothing there!</p>
<p>That is OK, it is just the "Empty Set". It is still a set, so we use the curly brackets with nothing inside: {}</p>
<p class="words">The <b>Empty Set</b> has no elements: {}</p>
<h2>Universal Set</h2>
<p class="words">The <b>Universal Set</b> is the set that has everything. Well, not <i>exactly</i> everything. <b>Everything that we are interested in now.</b></p>
<div class="center80">
<p>Sadly, the symbol is the letter "U" ... which is easy to confuse with the <b></b> for Union. You just have to be careful, OK?</p>
</div>
<p>In our case the Universal Set is our Ten Best Friends.</p>
<p class="center larger">U = {alex, blair, casey, drew, erin, francis, glen, hunter, ira, jade}</p>
<p>We can show the Universal Set in a Venn Diagram by putting a box around the whole thing:</p>
<p class="center"><img src="images/venn-8.svg" alt="Soccer, Tennis and Volleyball Sets" height="234" width="311"></p>
<p>Now you can see ALL your ten best friends, neatly sorted into what sport they play (or not!).</p>
<p>And then we can do interesting things like take the whole set and <b>subtract the ones who play Soccer</b>:</p>
<p class="center"><img src="images/venn-9.svg" alt="Soccer, Tennis and Volleyball Sets" height="234" width="311"></p>
<p>We write it this way:</p>
<p class="center larger">U <b></b> S = {blair, erin, francis, glen, ira, jade}</p>
<p>Which says "The Universal Set minus the Soccer Set is the Set {blair, erin, francis, glen, ira, jade}"</p>
<p>In other words "everyone who does <b>not</b> play Soccer".</p>
<h2>Complement</h2>
<p>And there is a special way of saying "everything that is <b>not</b>", and it is called <i><b>"complement"</b></i>.</p>
<p>We show it by writing a little "C" like this:</p>
<p class="center large">S<sup>c</sup></p>
<p>Which means "everything that is NOT in S", like this:</p>
<p class="center"><img src="images/venn-9.svg" alt="Soccer, Tennis and Volleyball Sets" height="234" width="311"></p>
<p class="center"><span class="larger">S<sup>c</sup> = {blair, erin, francis, glen, ira, jade}</span><br>
(exactly the same as the <b>U S</b> example from above)</p>
<p>&nbsp;</p>
<h2>Summary</h2>
<ul>
<div class="bigul">
<li><b class="large"></b> is Union: is in either set or both&nbsp;sets</li>
<li><b></b> is Intersection: only in both sets</li>
<li><b></b> is Difference: in one set but not the other</li>
<li>A<sup>c</sup> is the Complement of A: everything that is not in A</li>
<li>Empty Set: the set with no elements. Shown by {}</li>
<li>Universal Set: all things we are interested in</li>
</div>
</ul>
<p>&nbsp;</p>
<div class="questions">1886, 1887, 1890, 1892, 7220, 1888, 1889, 1891, 91, 73</div>
<div class="related">
<a href="sets-introduction.html">Introduction to Sets</a>
<a href="boolean-algebra.html">Boolean Algebra</a>
<a href="logic-gates.html">Logic Gates</a>
<a href="index.html">Sets Index</a>
</div>
<!-- #EndEditable -->
</article>
<div id="adend" class="centerfull noprint"></div>
<footer id="footer" class="centerfull noprint"></footer>
<div id="copyrt">Copyright © 2021 Rod Pierce</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/sets/venn-diagrams.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:35 GMT -->
</html>