{"id":12092,"date":"2019-08-29T17:18:41","date_gmt":"2019-08-29T09:18:41","guid":{"rendered":"https:\/\/www.intmath.com\/blog\/?p=12092"},"modified":"2019-08-30T06:00:25","modified_gmt":"2019-08-29T22:00:25","slug":"intmath-newsletter-css-matrix-humble-pi-van-gogh","status":"publish","type":"post","link":"https:\/\/www.intmath.com\/blog\/letters\/intmath-newsletter-css-matrix-humble-pi-van-gogh-12092","title":{"rendered":"IntMath Newsletter: CSS matrix, Humble Pi, van Gogh"},"content":{"rendered":"<p>29 Aug   2019 <\/p>\n<p>In this Newsletter:<\/p>\n<p>1. New on IntMath: CSS matrix math<br \/>\n2. Resources: Humble Pi, AnswerThePublic<br \/>\n3. Math in the news: Proof<br \/>\n4. Math movies: Parker, van Gogh <br \/>\n5. Math puzzle: Mystery object <br \/>\n6. Final thought: Dry leaves <\/p>\n<h2>1. New on IntMath: CSS matrix math <\/h2>\n<p>I recently gave a talk to a local meetup group on the mathematics behind CSS matrix. CSS stands for &quot;cascading style sheets&quot;, and is the system where Web designers can set font sizes, colors, and also set sizes and vary shapes for objects like images and videos.<\/p>\n<p>Matrices are used to <strong>transform<\/strong> geometric objects (scale, skew, rotate, translate and so on.) <strong>Computer games<\/strong> make extensive use of matrices to simulate depth, 3D objects and so on. <\/p>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/www.intmath.com\/math-art-code\/css-matrix-math.php\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/css-matrix-math-explanation.jpg\" alt=\"CSS Matrix - a mathematical explanation\" width=\"128\" height=\"100\" border=\"0\" \/><\/a><\/td>\n<td>\n<p>Here is the content of the talk. It explores how CSS transform is the result of <strong>matrix multiplication<\/strong>. Even if you're not interested in Web design, it's interesting to see another real-life application of matrices. <\/p>\n<p>See <a href=\"https:\/\/www.intmath.com\/math-art-code\/css-matrix-math.php\">CSS Matrix - a mathematical explanation<\/a> <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>I also developed the following interactive graph applet that demonstrates the concepts in the talk.<\/p>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/www.intmath.com\/math-art-code\/css-matrix-interactive.php\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/css-matrix-interactive2.png\" alt=\"CSS matrix interactive applet\" width=\"128\" height=\"100\" border=\"0\" \/><\/a><\/td>\n<td>\n<p>This is an interactive graph where you can vary sliders to see how CSS matrix changes the size, shape and location of an object. <\/p>\n<p>See <a href=\"https:\/\/www.intmath.com\/math-art-code\/css-matrix-interactive.php\">CSS matrix interactive applet<\/a> <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<h2>2. Resources<\/h2>\n<h3>(a) Humble Pi: A Comedy of Maths Errors<\/h3>\n<p>When I was teaching a group of engineering students some years ago, I went to my boss with an idea. I suggested we incorporate examples of cases where things went wrong, so students would learn the importance of accuracy and the safety issues that can arise out of sloppy and inaccurate mathematics.<\/p>\n<p>He wasn't enthusiastic and squashed the idea, saying it would scare off students from choosing the degree. I felt it was a lost opportunity. <\/p>\n<p>So I was interested when I came across the book &quot;<em class=\"textem\">Humble Pi - A Comedy of Maths Errors<\/em>&quot; by Matt Parker.  <\/p>\n<div class=\"imgCenter\">\n<img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/humble-pi-comedy-maths-errors2.jpg\" alt=\"Humble Pi - A Comedy of Maths Errors\" width=\"200\" height=\"314\" \/><br \/>\nMatt Parker's <em class=\"textem\">Humble Pi<\/em><\/div>\n<p>This readable book was exactly what I had in mind when I approached my boss. Let's learn from cases where people made math errors, and see what the consequences were &ndash; not to apportion blame, but to learn what can go wrong. <\/p>\n<p>We all make math errors, but usually the worst outcome is a drop in grade, or momentary embarrassment. The people working in science and engineering fields should be aware of why their math teachers insisted on accuracy.<\/p>\n<p>So I suggested the book for the local library, and was pleasantly surprised how long I had to wait before I could read it (it turned out to be quite popular).<\/p>\n<p>I recommend this book for any math student or teacher. <\/p>\n<p>One of the videos below features Parker, covering some of the same errors detailed in the book. <\/p>\n<p><small>Disclaimer: I have no connection with Matt Parker (other than through Twitter) and receive no commission.<\/small> <\/p>\n<h3>(b) Teachers: Address the questions students are really asking<\/h3>\n<p>Some teachers see their job as simply giving out information, but there is no &quot;value add&quot; in that approach, especially since students can easily access such information in abundance.<\/p>\n<p>One thing we can do better while teaching a topic is to actually <strong>address the questions<\/strong> students really have about that topic. One approach is to simply ask students what their questions are, and there are a lot of apps and sites that facilitate this process (e.g. <a href=\"https:\/\/docs.google.com\/forms\">Google Forms<\/a> and <a href=\"https:\/\/www.surveymonkey.com\/\">Survey Monkey<\/a> are both easy to use).  <\/p>\n<p>Another thing to consider is to look at the questions students are <strong>likely<\/strong> to ask, before you even start planning the lessons. AnswerThePublic is a good resource for this. <\/p>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/answerthepublic.com\/\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/answer-the-public.jpg\" alt=\"Answer the Public\" width=\"128\" height=\"100\" \/><\/a><\/td>\n<td>\n<p><a href=\"https:\/\/answerthepublic.com\/\">AnswerThePublic<\/a> is a database of common questions that people ask about topics. It provides a rich source of ideas on how we might go about introducing a topic, and pre-empting the stumbling blocks. <\/p>\n<p>See <a href=\"https:\/\/answerthepublic.com\/\">Answer the Public <\/a> <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>Topics to try are:<\/p>\n<ul>\n<li><strong>Algebra<\/strong> (you'll see e.g. &quot;How is algebra used in real life?&quot;, &quot;Who invented algebra?&quot;, etc)<\/li>\n<li><strong>Calculus<\/strong> (e.g. &quot;When does a limit exist?&quot;, &quot;Where to start?&quot;, &quot;How is it used in computer science?&quot;, etc)<\/li>\n<li><strong>Matrix<\/strong> (e.g. &quot;When is a matrix orthogonal?&quot;, &quot;Matrix when a^2 = a?&quot;, etc) <\/li>\n<\/ul>\n<p>You can choose the &quot;Data&quot; tab at the top of each visualization to get easier-to-read lists of questions, and download the lot as a CSV (for Excel).<\/p>\n<p>Sometimes in this resource you see questions that may seem quite odd, like &quot;Does calculus cause kidney stones?&quot;, but &quot;calculus&quot; means &quot;stone&quot; and in medicine, it refers to a build-up of hard substances in the body. I get it on my teeth.<\/p>\n<h2>3. Math in the news<\/h2>\n<h3>Story of the Gaussian correlation inequality proof<\/h3>\n<p>The title &quot;Gaussian correlation inequality&quot; sounds scary, but it goes something like this.<\/p>\n<p>I have a dart board sitting on a rectangular shape, and assume I'm a good dart player. When I throw a lot of darts at it, I expect the accuracy of my throws to form a somewhat bell-shaped curve  distribution. That is, most of the darts land somewhere close to the middle, and there are less dart holes as I go out from the middle. <\/p>\n<p>The greater  the circle overlaps the rectangle, the probability of striking both goes up. <\/p>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/www.quantamagazine.org\/statistician-proves-gaussian-correlation-inequality-20170328\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/gaussian-correlation-inequality.jpg\" alt=\"A Long-Sought Proof, Found and Almost Lost\" width=\"128\" height=\"100\" border=\"0\" \/><\/a><\/td>\n<td>\n<p>The probability that a dart lands on both the circle and the rectangle is greater than or equal to the product of the individual probabilities. <\/p>\n<p>At first, they didn't believe a German retiree had actually proved it. <\/p>\n<p>See <a href=\"https:\/\/www.quantamagazine.org\/statistician-proves-gaussian-correlation-inequality-20170328\">A Long-Sought Proof, Found and Almost Lost<\/a> <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<h2>4.  Math Movies<\/h2>\n<h3>(a) What Happens When Maths Goes Wrong?<\/h3>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/www.youtube.com\/watch?v=6JwEYamjXpA\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/math-goes-wrong.jpg\" alt=\"What Happens When Maths Goes Wrong?\" width=\"128\" height=\"100\" \/><\/a><\/td>\n<td>\n<p>This is a one-hour presentation by Matt Parker at the Royal Institution, London. It covers some interesting examples that are worth considering. <\/p>\n<p>See <a href=\"https:\/\/www.youtube.com\/watch?v=6JwEYamjXpA\">What Happens When Maths Goes Wrong?<\/a>  <\/p>\n<\/td>\n<\/tr>\n<\/table>\n<p>Parker is the Public Engagement in Mathematics Fellow at Queen Mary University of London.<\/p>\n<h3>(b) The unexpected math behind Van Gogh's &quot;Starry Night&quot;<\/h3>\n<p>Turbulence is one of the most tricky phenomena to model using mathematics. It is complicated and chaotic. <\/p>\n<table>\n<tr>\n<td style=\"padding-right:7px\"><a href=\"https:\/\/www.youtube.com\/watch?v=PMerSm2ToFY\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/starry-night-math.jpg\" alt=\"The unexpected math behind Van Gogh's Starry Night\" width=\"128\" height=\"100\" \/><\/a><\/td>\n<td>\n<p>This video by  Natalya St. Clair explores how Van Gogh incorporated turbulence in his art to give the impression of movement.<\/p>\n<p>See: <a href=\"https:\/\/www.youtube.com\/watch?v=PMerSm2ToFY\">The unexpected math behind Van Gogh's &quot;Starry Night&quot;<\/a><\/p>\n<\/td>\n<\/tr>\n<\/table>\n<h2>5. Math puzzles<\/h2>\n<p>The <a href=\"https:\/\/www.intmath.com\/blog\/letters\/intmath-newsletter-eigenvectors-3d-solar-system-graphics-12075#puzzle\">puzzle in the last IntMath Newsletter<\/a> asked about radii of mutually tangent circles. In fact, it turned out to be a 3x3 system of equations - it wasn't really a geometry question.<\/p>\n<p><a href=\"https:\/\/www.intmath.com\/blog\/letters\/intmath-newsletter-eigenvectors-3d-solar-system-graphics-12075#comments\">Correct answers with sufficient reasons<\/a> were submitted by Russell, Nicola, Tomas and Thomas. <\/p>\n<h3>New math puzzle: Mystery object<\/h3>\n<p>This time, some investigation may be involved. <\/p>\n<div class=\"imgCenter\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/mystery-object.jpg\" alt=\"Mystery object\" width=\"300\" height=\"201\" \/><br \/>\nMystery object<\/div>\n<p>The above object was used to achieve a particular mathematical outcome &ndash; one that is still vitally important to this day. What is the object, where was it used, and what was the mathematical outcome?<\/p>\n<p>(If you can't actually find it or figure it out, your speculation will prove interesting!) <\/p>\n<p>You can leave your response <a href=\"https:\/\/www.intmath.com\/blog\/letters\/intmath-newsletter-css-matrix-humble-pi-van-gogh-12092#respond\">here<\/a>. <\/p>\n<h2>6. Final thought - what it could be like <\/h2>\n<p>Equatorial Singapore, where I live, is normally lush and green, and doesn't experience leaf falls as is normally the case for most places in Autumn.<\/p>\n<p>However, this year we've had the driest and second hottest July on record,  and practically no rain so far in August causing my local park to look like this:<\/p>\n<div class=\"imgCenter\"><img loading=\"lazy\" src=\"https:\/\/www.intmath.com\/blog\/wp-content\/images\/2019\/08\/leaves2.jpg\" alt=\"Dry leaves Singapore\" width=\"300\" height=\"200\" \/><br \/>\nDry leaves and dead grass in Singapore. <\/div>\n<p>Such dry and hot conditions are caused by a <a href=\"https:\/\/www.abc.net.au\/news\/2019-05-16\/positive-indian-ocean-dipole-bad-news-for-drought-crippled-areas\/11120566\">positive Indian Ocean dipole<\/a>, the situation where the Western Indian Ocean is hotter than the Eastern part, causing hot droughts over Australia and most SE Asian countries. <\/p>\n<p>These make ideal conditions for farmers in Indonesia to set off forest fires in order to plant more palm oil, so there's been many fire hot spots reported there. <\/p>\n<p>Meanwhile, the dry season in the Amazon has been the excuse, along with President Bolsanaro's encouragement, for farmers there to burn vast amounts of the Earth's lungs for ever-expanding methane-producing cattle farms. <\/p>\n<p>In the Arctic, fires across the tundra continue to burn, spewing even more carbon into the atmosphere. <\/p>\n<p>These events are giving us an insight into how things will be if governments, companies and all of us fail to address our land use, our consumption, and our &quot;economic growth at all costs&quot; mentality.<\/p>\n<p>We can stop it, but will we? <\/p>\n<p>Until next time, enjoy whatever you learn.<\/p>\n<p class=\"alt\">See the <a href=\"https:\/\/www.intmath.com\/blog\/letters\/intmath-newsletter-css-matrix-humble-pi-van-gogh-12092#comments\" id=\"comms\">3 Comments<\/a> below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this Newsletter:<\/p>\n<p>1. New on IntMath: CSS matrix math<br \/>\n2. Resources: Humble Pi, AnswerThePublic<br \/>\n3. Math in the news: Proof<br \/>\n4. Math movies: Parker, van Gogh <br \/>\n5. Math puzzle: Mystery object <br \/>\n6. Final thought: Dry leaves <\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mo_disable_npp":""},"categories":[104],"tags":[134,109,130,124],"_links":{"self":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts\/12092"}],"collection":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/comments?post=12092"}],"version-history":[{"count":6,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts\/12092\/revisions"}],"predecessor-version":[{"id":12098,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/posts\/12092\/revisions\/12098"}],"wp:attachment":[{"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/media?parent=12092"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/categories?post=12092"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.intmath.com\/blog\/wp-json\/wp\/v2\/tags?post=12092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}