<p><div><div><div><div data-show-faces="false" data-height="21" data-width="100" data-layout="button_count" data-send="true" data-href="https://www.r-bloggers.com/data-art-steam-project-initial-results/"></div></div><div></div></div><div></div></div>
<div>
(This article was first published on <strong><a href="https://www.littlemissdata.com/blog/steam-data-art1"> Little Miss Data</a></strong>, and kindly contributed to <a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers)</a> </div>
<hr>
<p> <img data-image-dimensions="1080x1080" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ab758d46508ae2d494/1528661173929/Data+%2B+Art+Tile.png?w=456&ssl=1" alt="Data + Art Tile.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ab758d46508ae2d494/1528661173929/Data+%2B+Art+Tile.png"></p>
<p> <img data-image-dimensions="1186x728" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ae6d2a73a4cf45b9c0/1528661168863/Screen+Shot+2018-06-08+at+10.07.33+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.07.33 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ae6d2a73a4cf45b9c0/1528661168863/Screen+Shot+2018-06-08+at+10.07.33+PM.png"></p>
<p> <img data-image-dimensions="1498x1362" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b81ae6cfcbab830bd8/1528661180875/Screen+Shot+2018-06-09+at+2.45.11+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.45.11 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b81ae6cfcbab830bd8/1528661180875/Screen+Shot+2018-06-09+at+2.45.11+PM.png"></p>
<p> <img data-image-dimensions="1364x834" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84af758d46508ae2d531/1528661169661/Screen+Shot+2018-06-08+at+10.08.12+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.08.12 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84af758d46508ae2d531/1528661169661/Screen+Shot+2018-06-08+at+10.08.12+PM.png"></p>
<p> <img data-image-dimensions="1062x974" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b2f950b7c363c9131a/1528661174040/Screen+Shot+2018-06-08+at+10.44.02+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.44.02 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b2f950b7c363c9131a/1528661174040/Screen+Shot+2018-06-08+at+10.44.02+PM.png"></p>
<p> <img data-image-dimensions="1448x1348" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a9575d1f37d74604ca/1528661165445/Screen+Shot+2018-06-05+at+10.58.46+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-05 at 10.58.46 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a9575d1f37d74604ca/1528661165445/Screen+Shot+2018-06-05+at+10.58.46+PM.png"></p>
<p> <img data-image-dimensions="1190x730" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b02b6a282a61809cc6/1528661170508/Screen+Shot+2018-06-08+at+10.14.17+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.14.17 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b02b6a282a61809cc6/1528661170508/Screen+Shot+2018-06-08+at+10.14.17+PM.png"></p>
<p> <img data-image-dimensions="1330x816" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b0f950b7c363c91303/1528661172787/Screen+Shot+2018-06-08+at+10.16.36+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.16.36 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b0f950b7c363c91303/1528661172787/Screen+Shot+2018-06-08+at+10.16.36+PM.png"></p>
<p> <img data-image-dimensions="1444x1296" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b6aa4a99b2fbd1629d/1528661178727/Screen+Shot+2018-06-09+at+8.36.53+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.53 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b6aa4a99b2fbd1629d/1528661178727/Screen+Shot+2018-06-09+at+8.36.53+AM.png"></p>
<p> <img data-image-dimensions="1180x720" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b1562fa7f5d399327f/1528661173841/Screen+Shot+2018-06-08+at+10.19.44+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.19.44 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b1562fa7f5d399327f/1528661173841/Screen+Shot+2018-06-08+at+10.19.44+PM.png"></p>
<p> <img data-image-dimensions="1398x846" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b3562fa7f5d399329a/1528661174923/Screen+Shot+2018-06-08+at+11.20.13+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 11.20.13 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b3562fa7f5d399329a/1528661174923/Screen+Shot+2018-06-08+at+11.20.13+PM.png"></p>
<p> <img data-image-dimensions="1060x1124" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b170a6ad394eb2220e/1528661173917/Screen+Shot+2018-06-08+at+10.33.52+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.33.52 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b170a6ad394eb2220e/1528661173917/Screen+Shot+2018-06-08+at+10.33.52+PM.png"></p>
<p> <img data-image-dimensions="1240x1080" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a82b6a282a61809b5d/1528661169268/Screen+Shot+2018-06-05+at+8.41.42+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-05 at 8.41.42 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a82b6a282a61809b5d/1528661169268/Screen+Shot+2018-06-05+at+8.41.42+AM.png"></p>
<p> <img data-image-dimensions="1066x364" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b20e2e7242edc95e02/1528661175758/Screen+Shot+2018-06-08+at+10.44.54+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.44.54 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b20e2e7242edc95e02/1528661175758/Screen+Shot+2018-06-08+at+10.44.54+PM.png"></p>
<p> <img data-image-dimensions="1356x838" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b06d2a73a4cf45b9d9/1528661170876/Screen+Shot+2018-06-08+at+10.12.01+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.12.01 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b06d2a73a4cf45b9d9/1528661170876/Screen+Shot+2018-06-08+at+10.12.01+PM.png"></p>
<p> <img data-image-dimensions="1500x1362" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bd2b6a282a61809e6a/1528661185858/Screen+Shot+2018-06-09+at+2.48.03+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.48.03 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bd2b6a282a61809e6a/1528661185858/Screen+Shot+2018-06-09+at+2.48.03+PM.png"></p>
<p> <img data-image-dimensions="1080x530" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b3352f539420080e98/1528661174078/Avg+Screen+Time+Per+Day+by++Intravert+%3A+Extravert.png?w=456&ssl=1" alt="Avg Screen Time Per Day by  Intravert : Extravert.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b3352f539420080e98/1528661174078/Avg+Screen+Time+Per+Day+by++Intravert+%3A+Extravert.png"></p>
<p> <img data-image-dimensions="1382x832" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b40e2e7242edc95e79/1528661178123/Screen+Shot+2018-06-08+at+11.20.59+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 11.20.59 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b40e2e7242edc95e79/1528661178123/Screen+Shot+2018-06-08+at+11.20.59+PM.png"></p>
<p> <img data-image-dimensions="1370x822" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b4758d46508ae2d605/1528661175190/Hrs+Screentime%3Aday.png?w=456&ssl=1" alt="Hrs Screentime:day.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b4758d46508ae2d605/1528661175190/Hrs+Screentime%3Aday.png"></p>
<p> <img data-image-dimensions="1916x1362" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b48a922ddcbe3726a5/1528661178697/Screen+Shot+2018-06-09+at+8.32.57+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.32.57 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b48a922ddcbe3726a5/1528661178697/Screen+Shot+2018-06-09+at+8.32.57+AM.png"></p>
<p> <img data-image-dimensions="1480x1366" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b7562fa7f5d3993352/1528661181552/Screen+Shot+2018-06-09+at+2.44.41+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.44.41 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b7562fa7f5d3993352/1528661181552/Screen+Shot+2018-06-09+at+2.44.41+PM.png"></p>
<p> <img data-image-dimensions="1418x1278" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b50e2e7242edc95e92/1528661177409/Screen+Shot+2018-06-09+at+8.36.21+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.21 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b50e2e7242edc95e92/1528661177409/Screen+Shot+2018-06-09+at+8.36.21+AM.png"></p>
<p> <img data-image-dimensions="1408x1270" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b62b6a282a61809d88/1528661177936/Screen+Shot+2018-06-09+at+8.36.29+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.29 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b62b6a282a61809d88/1528661177936/Screen+Shot+2018-06-09+at+8.36.29+AM.png"></p>
<p> <img data-image-dimensions="1188x728" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ad70a6ad394eb22138/1528661167399/Screen+Shot+2018-06-08+at+10.04.53+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.04.53 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ad70a6ad394eb22138/1528661167399/Screen+Shot+2018-06-08+at+10.04.53+PM.png"></p>
<p> <img data-image-dimensions="1508x1352" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bb0e2e7242edc95f5a/1528661183888/Screen+Shot+2018-06-09+at+2.46.06+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.46.06 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bb0e2e7242edc95f5a/1528661183888/Screen+Shot+2018-06-09+at+2.46.06+PM.png"></p>
<p> <img data-image-dimensions="1398x1096" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a2f950b7c363c910e2/1528661163483/Screen+Shot+2018-06-05+at+8.34.43+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-05 at 8.34.43 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84a2f950b7c363c910e2/1528661163483/Screen+Shot+2018-06-05+at+8.34.43+AM.png"></p>
<p> <img data-image-dimensions="1490x1356" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b870a6ad394eb222e3/1528661181648/Screen+Shot+2018-06-09+at+2.44.59+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.44.59 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b870a6ad394eb222e3/1528661181648/Screen+Shot+2018-06-09+at+2.44.59+PM.png"></p>
<p> <img data-image-dimensions="1502x1356" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b98a922ddcbe37275d/1528661188671/Screen+Shot+2018-06-09+at+2.45.24+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.45.24 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b98a922ddcbe37275d/1528661188671/Screen+Shot+2018-06-09+at+2.45.24+PM.png"></p>
<p> <img data-image-dimensions="1492x1360" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ba8a922ddcbe372762/1528661181629/Screen+Shot+2018-06-09+at+2.45.40+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.45.40 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ba8a922ddcbe372762/1528661181629/Screen+Shot+2018-06-09+at+2.45.40+PM.png"></p>
<p> <img data-image-dimensions="1494x1358" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ba70a6ad394eb222fa/1528661182514/Screen+Shot+2018-06-09+at+2.45.53+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.45.53 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84ba70a6ad394eb222fa/1528661182514/Screen+Shot+2018-06-09+at+2.45.53+PM.png"></p>
<p> <img data-image-dimensions="1518x1340" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b703ce640b7ee02e00/1528661181253/Screen+Shot+2018-06-09+at+8.37.05+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.37.05 AM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84b703ce640b7ee02e00/1528661181253/Screen+Shot+2018-06-09+at+8.37.05+AM.png"></p>
<p> <img data-image-dimensions="1490x1358" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bc0e2e7242edc95f6b/1528661183665/Screen+Shot+2018-06-09+at+2.47.22+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.22 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bc0e2e7242edc95f6b/1528661183665/Screen+Shot+2018-06-09+at+2.47.22+PM.png"></p>
<p> <img data-image-dimensions="1354x1350" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf2b6a282a61809eff/1528661189130/Screen+Shot+2018-06-09+at+3.13.54+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 3.13.54 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf2b6a282a61809eff/1528661189130/Screen+Shot+2018-06-09+at+3.13.54+PM.png"></p>
<p> <img data-image-dimensions="1488x1358" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bc0e2e7242edc95f8d/1528661184427/Screen+Shot+2018-06-09+at+2.47.40+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.40 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bc0e2e7242edc95f8d/1528661184427/Screen+Shot+2018-06-09+at+2.47.40+PM.png"></p>
<p> <img data-image-dimensions="1364x858" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84be70a6ad394eb223ad/1528661185151/Screen+Shot+2018-06-09+at+2.51.08+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.51.08 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84be70a6ad394eb223ad/1528661185151/Screen+Shot+2018-06-09+at+2.51.08+PM.png"></p>
<p> <img data-image-dimensions="1490x1352" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bd352f53942008111c/1528661187116/Screen+Shot+2018-06-09+at+2.47.52+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.52 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bd352f53942008111c/1528661187116/Screen+Shot+2018-06-09+at+2.47.52+PM.png"></p>
<p> <img data-image-dimensions="1368x858" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf758d46508ae2d785/1528661186982/Screen+Shot+2018-06-09+at+2.52.11+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.52.11 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf758d46508ae2d785/1528661186982/Screen+Shot+2018-06-09+at+2.52.11+PM.png"></p>
<p> <img data-image-dimensions="1358x1360" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf03ce640b7ee02eec/1528661187302/Screen+Shot+2018-06-09+at+2.54.24+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.54.24 PM.png" data-load="false" data-click-through-url="" data-type="image" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/5b1d84a2aa4a99b2fbd16013/5b1d84bf03ce640b7ee02eec/1528661187302/Screen+Shot+2018-06-09+at+2.54.24+PM.png"></p>
<hr>
<h2>Big news</h2>
<p>I’ve been incredibly fortunate as of late to work on an exciting STEAM project!  STEAM stands for science, technology, education, art and math.  It’s a term typically used in reference to education projects combining the subjects to creatively investigate a research area, solve a problem and teach students new skills. </p>
<p>When I travelled back to Toronto in February, I met up with my good friend Katherine Lafranier.  Katherine, is a teacher to gifted grade 6 students at <a rel="nofollow" href="http://schoolweb.tdsb.on.ca/foresthillps/" target="_blank">Forest Hill Junior and Senior Public School</a>.  She was telling me how she just finished up a unit on data management.  Her students were already using Google Sheets for their analysis and graphing.  She saw my <a rel="nofollow" href="https://www.littlemissdata.com/blog/data-science-graphs-no-code" target="_blank">article on RAWGraphs.io</a> and was considering unleashing them on that tool as well.  </p>
<h2> </h2>
<h2>An idea is born</h2>
<p>I was shocked at how early the students were working on data!  We started brainstorming about cool data projects and we came up with the concept of having the kids design a research project to explore a topic of their choice.  Their friends and schoolmates would be the subjects and they would gather data through surveys.  </p>
<h2> </h2>
<h2>Where’s the Art?</h2>
<p>If you’ve seen just about any other page on my blog, you will notice that I’m a sucker for beautiful data visualization!  To communicate their findings in the research project, we wanted to focus on effective data visualizations.  Oddly enough, right about the same time,  one of my instagram connections <a rel="nofollow" href="https://www.instagram.com/titapozza/" target="_blank">Letícia A. Pozza</a> reached out to say that she is holding a <a rel="nofollow" href="https://cappra.com.br/2018/04/26/apaixonados-por-dados-datalovers/" target="_blank">data + art installation in Brazil</a>.  She wanted to know if I had anything to display.   Of course the answer had to be YES, but we just needed to figure out how to mobilize this project to be applicable for an art installation.  I reached out to Katherine, and she had the idea of rolling up all of the data visualizations to a large mosaic style image of one of the graphs selected!</p>
<p> <img data-image-dimensions="1670x1440" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1f376170a6adf1158662f7/1528772499548/Screen+Shot+2018-06-11+at+10.00.15+PM.png?w=456&ssl=1" alt=" An example mockup of a word graph chart created with a series of graphs and images produced during the research.  The mockup was created with AndreaMosaic. " data-load="false" data-type="image" data-image-id="5b1f376170a6adf1158662f7" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1f376170a6adf1158662f7/1528772499548/Screen+Shot+2018-06-11+at+10.00.15+PM.png"></p>
<p>An example mockup of a word graph chart created with a series of graphs and images produced during the research.  The mockup was created with AndreaMosaic.</p>
<h2> </h2>
<h2>Overview</h2>
<ol>
<li>Students select a topic they are interested in researching.  They gather data through surveys with their schoolmates being the subjects.  Presentations, outlines and survey criteria are included in the materials below.  </li>
<li>All data is submitted and consolidated into one csv file.</li>
<li>Students and mentors use the data to create a large collection of images.  Image types include: data visualizations, hand drawn graphs, hand drawn images, photographs taken throughout the process, quotes from open text survey responses and other creative ideas.</li>
<li>All images are rolled up into a large mosaic graphic that captures the subject area.  This will be the main display.  See the inset for an example of the mockup image.  </li>
<li>A write up is completed to compliment the display. It outlines what the students learned during the investigation.  The write up will include a few images from the mosaic to highlight learnings.  </li>
</ol>
<p> </p>
<h2>Materials</h2>
<p> <img data-image-dimensions="1080x1080" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1da77f70a6ad394eb74448/1528670104920/Untitled+design.png?w=456&ssl=1" alt=" After creating the survey as a class, I sent back the final copy to Katherine.  She went through it with their students to get their final approval.  They sent it back with final comments and revisions.   " data-load="false" data-type="image" data-image-id="5b1da77f70a6ad394eb74448" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1da77f70a6ad394eb74448/1528670104920/Untitled+design.png"></p>
<p>After creating the survey as a class, I sent back the final copy to Katherine.  She went through it with their students to get their final approval.  They sent it back with final comments and revisions.  </p>
<p>The steps are outlined in my <a rel="nofollow" href="https://github.com/lgellis/STEM" target="_blank">github repo</a>.  The overall outline for the project is available in <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/ClassroomMaterials/Data%2BArt%20STEM%20Project%20Write%20Up.pdf" target="_blank">pdf</a> and <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/ClassroomMaterials/Data%2BArt%20STEM%20Project%20Write%20Up.docx" target="_blank">word doc</a>.  Additionally, the project introduction <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/ClassroomMaterials/Meetup1.key" target="_blank">keynote</a> and <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/ClassroomMaterials/Meetup1.pdf" target="_blank">pdf</a> files are available.  </p>
<p>If you have trouble downloading the file from github, go to the <a rel="nofollow" href="https://github.com/lgellis/STEM" target="_blank">main page of the repo</a> and select “Clone or Download” and then “Download Zip”.</p>
<h2> </h2>
<h2> </h2>
<hr>
<h2>Project Topic</h2>
<p>For our research project the students picked the subject: “<strong>Self-analysis:  Exploring student lifestyles and how it relates to their self-perception”</strong></p>
<p>The final survey format is available <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/ClassroomMaterials/Survey%20Template.pdf" target="_blank">here</a>. </p>
<h2> </h2>
<h2>Early Results</h2>
<p>We are currently in step 3 of the project as outlined in the “Overview” section above.  The students have created the survey, completed all surveying and we have a consolidated data set.  The students are working on image and graph creation. I’ve been fortunate enough to get a first pass at the data visualizations and have included some of the sample graphs below.</p>
<hr>
<h2>Graph Samples: Basic Graphs</h2>
<p>It made sense to start the data visualizations with <a rel="nofollow" href="https://www.google.com/sheets/about/" target="_blank">Google Sheets</a>.  It is a free tool that the students already use. In my opinion it’s a solid free alternative to Excel that makes effective trend and total style graphs.</p>
<p><strong>Technical Tips: </strong>If you have experience with Excel pivot tables and want to try Google Sheets, I’d suggest you start by going to the top navigation and select “Data” > “Pivot Table”.  Then use the right hand pop-out to add fields to the “Rows”, “Columns” and “Values” areas to create your summary table.   Note that “Values” can be aggregated by count, sum, avg.   When you have your summary table complete and you are ready to insert a chart select “Insert”  > “Chart” and change the “Chart Type” to your liking.  </p>
<p> </p>
<p> <img data-image-dimensions="1190x730" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3841562fa7f5d377fc9a/1528576070262/Screen+Shot+2018-06-08+at+10.14.17+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.14.17 PM.png" data-load="false" data-type="image" data-image-id="5b1c3841562fa7f5d377fc9a" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3841562fa7f5d377fc9a/1528576070262/Screen+Shot+2018-06-08+at+10.14.17+PM.png"></p>
<p> <img data-image-dimensions="1364x834" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3811f950b7c363a7c2a9/1528576023559/Screen+Shot+2018-06-08+at+10.08.12+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.08.12 PM.png" data-load="false" data-type="image" data-image-id="5b1c3811f950b7c363a7c2a9" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3811f950b7c363a7c2a9/1528576023559/Screen+Shot+2018-06-08+at+10.08.12+PM.png"></p>
<p> <img data-image-dimensions="1194x734" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1e8148575d1f68caf03de6/1528725838816/Screen+Shot+2018-06-11+at+9.03.10+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-11 at 9.03.10 AM.png" data-load="false" data-type="image" data-image-id="5b1e8148575d1f68caf03de6" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1e8148575d1f68caf03de6/1528725838816/Screen+Shot+2018-06-11+at+9.03.10+AM.png"></p>
<p> <img data-image-dimensions="1190x732" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1e84a570a6adda572cdc7c/1528726701110/Screen+Shot+2018-06-11+at+9.17.35+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-11 at 9.17.35 AM.png" data-load="false" data-type="image" data-image-id="5b1e84a570a6adda572cdc7c" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1e84a570a6adda572cdc7c/1528726701110/Screen+Shot+2018-06-11+at+9.17.35+AM.png"></p>
<hr>
<h2>Graph Samples: Pictorial Graphics</h2>
<p>It can be very effective to use pictorial style graphs to create eye-catching data visualizations.  Pictorial graphics are often used to create infographics.  To create the graphs below I used <a rel="nofollow" href="https://infogram.com/" target="_blank">Infogram</a>. </p>
<p><strong>Technical Tips: </strong> Infogram is a very straight forward tool.  To get started, you need your data already summarized.  For example, I needed to have the average screen times by introvert/extravert category already calculated for the graphs below.  You then find a graph type you like, replace the example data with your actual data, modify icons, colors etc and voila, you are done!</p>
<p> <img data-image-dimensions="1066x364" data-image-focal-point="0.5,0.5" src="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38a7aa4a99b2fbb01d26/1528576171023/?format=1000w" data-load="false" data-type="image" data-image-id="5b1c38a7aa4a99b2fbb01d26" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38a7aa4a99b2fbb01d26/1528576171023/"></p>
<p> <img data-image-dimensions="1080x530" data-image-focal-point="0.5,0.5" src="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38b6758d46508ac19e40/1528576184798/?format=1000w" alt=" Average time spent on screens per week by social factors " data-load="false" data-type="image" data-image-id="5b1c38b6758d46508ac19e40" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38b6758d46508ac19e40/1528576184798/"></p>
<p>Average time spent on screens per week by social factors</p>
<p> <img data-image-dimensions="1062x974" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38996d2a73a4cf247d5a/1528576158874/Screen+Shot+2018-06-08+at+10.44.02+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-08 at 10.44.02 PM.png" data-load="false" data-type="image" data-image-id="5b1c38996d2a73a4cf247d5a" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c38996d2a73a4cf247d5a/1528576158874/Screen+Shot+2018-06-08+at+10.44.02+PM.png"></p>
<hr>
<h2>Graph Samples: Complex Visualizations</h2>
<p>I had to include graph creation with RAWGraphs.io   It is such a straight-forward and accessible tool to use without any need for coding!  The RAWGraph platform makes graphs accessible that are typically only available via Python, R, D3.</p>
<p><strong>Technical Tips: </strong> I have previously created a <a rel="nofollow" href="https://www.littlemissdata.com/blog/data-science-graphs-no-code" target="_blank">tutorial on RAWGraphs.io</a>.  If you are interested in the tool, I’d suggest checking it out!</p>
<p> <img data-image-dimensions="1368x858" data-image-focal-point="0.5,0.5" src="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c39492b6a282a615f847a/1528576332140/?format=1000w" data-load="false" data-type="image" data-image-id="5b1c39492b6a282a615f847a" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c39492b6a282a615f847a/1528576332140/"></p>
<p> <img data-image-dimensions="1364x858" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c397eaa4a99b2fbb03a6a/1528576385302/Screen+Shot+2018-06-09+at+2.52.11+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.52.11 PM.png" data-load="false" data-type="image" data-image-id="5b1c397eaa4a99b2fbb03a6a" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c397eaa4a99b2fbb03a6a/1528576385302/Screen+Shot+2018-06-09+at+2.52.11+PM.png"></p>
<p> <img data-image-dimensions="1358x1360" data-image-focal-point="0.5,0.5" src="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3956562fa7f5d378226b/1528576357054/?format=1000w" data-load="false" data-type="image" data-image-id="5b1c3956562fa7f5d378226b" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c3956562fa7f5d378226b/1528576357054/"></p>
<p> <img data-image-dimensions="1354x1350" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c393770a6ad394e90fbad/1528576318926/Screen+Shot+2018-06-09+at+3.13.54+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 3.13.54 PM.png" data-load="false" data-type="image" data-image-id="5b1c393770a6ad394e90fbad" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1c393770a6ad394e90fbad/1528576318926/Screen+Shot+2018-06-09+at+3.13.54+PM.png"></p>
<hr>
<h2>Graph Samples: Relationship visualization</h2>
<p>Next up, I wanted to graph the relationship between our numerical variables: ScreenTime (hrs screen time per day), Sleep (hrs sleep a night), PhysActive (hrs physically active per week), HoursHomework (hrs of homework per week). </p>
<p>One of the best ways to get a grip on relationships is to start with a basic correlation plot.  I chose R because it has a variety of really great options to display correlation plots.  My code is uploaded to the project repo <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/STEM%20Data%2BArt%20R%20Analysis.R" target="_blank">here</a>.  </p>
<p>When looking at the graph below, its very interesting to note that as screen time increases, sleep time decreases.  Of course correlation does not equal causation, but we should explore this further.  </p>
<p> <img data-image-dimensions="1408x1270" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8091352f539420076e69/1528660122497/Screen+Shot+2018-06-09+at+8.36.29+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.29 AM.png" data-load="false" data-type="image" data-image-id="5b1d8091352f539420076e69" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8091352f539420076e69/1528660122497/Screen+Shot+2018-06-09+at+8.36.29+AM.png"></p>
<p> <img data-image-dimensions="1444x1296" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d7ff8562fa7f5d398814f/1528659972774/Screen+Shot+2018-06-09+at+8.36.53+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.53 AM.png" data-load="false" data-type="image" data-image-id="5b1d7ff8562fa7f5d398814f" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d7ff8562fa7f5d398814f/1528659972774/Screen+Shot+2018-06-09+at+8.36.53+AM.png"></p>
<p> <img data-image-dimensions="1518x1340" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d80171ae6cfcbab825a90/1528659998366/Screen+Shot+2018-06-09+at+8.37.05+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.37.05 AM.png" data-load="false" data-type="image" data-image-id="5b1d80171ae6cfcbab825a90" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d80171ae6cfcbab825a90/1528659998366/Screen+Shot+2018-06-09+at+8.37.05+AM.png"></p>
<p> <img data-image-dimensions="1418x1278" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d7fdbaa4a99b2fbd0abf8/1528659945921/Screen+Shot+2018-06-09+at+8.36.21+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 8.36.21 AM.png" data-load="false" data-type="image" data-image-id="5b1d7fdbaa4a99b2fbd0abf8" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d7fdbaa4a99b2fbd0abf8/1528659945921/Screen+Shot+2018-06-09+at+8.36.21+AM.png"></p>
<hr>
<h2>Graph Samples: Relationships through scatterplots</h2>
<p>Next, I wanted to graph scatterplots of these relationships.  I chose R again because of the easy and powerful <a rel="nofollow" href="http://ggplot2.tidyverse.org/" target="_blank">ggplot2</a> plotting functionality.  My code is uploaded to the project repo <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/STEM%20Data%2BArt%20R%20Analysis.R" target="_blank">here</a>.  </p>
<p>I started out looking at various factors by gender and didn’t see any major differences.  </p>
<p> </p>
<p> <img data-image-dimensions="1644x1360" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc290575d1ff600555ebe/1528808089120/Screen+Shot+2018-06-12+at+7.52.05+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-12 at 7.52.05 AM.png" data-load="false" data-type="image" data-image-id="5b1fc290575d1ff600555ebe" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc290575d1ff600555ebe/1528808089120/Screen+Shot+2018-06-12+at+7.52.05+AM.png"></p>
<p> <img data-image-dimensions="1646x1362" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc282352f533d15347e63/1528808073130/Screen+Shot+2018-06-09+at+2.44.59+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.44.59 PM.png" data-load="false" data-type="image" data-image-id="5b1fc282352f533d15347e63" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc282352f533d15347e63/1528808073130/Screen+Shot+2018-06-09+at+2.44.59+PM.png"></p>
<p>I continued by looking at the 1:1 relationships between numerical variables and grade.  In this discussion I believe that grade can be used as a proxy for age. I also added a <a rel="nofollow" href="https://en.wikipedia.org/wiki/Local_regression" target="_blank">regression line</a> to see the trend of the variable relationships.  At first blush it looks like the time spent on homework increases with age.  Time spent sleeping decreases with age.  Time spent on physical activity decreases with age.  Finally, time spent on screens increases with age.  </p>
<p> <img data-image-dimensions="1488x1358" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d823f562fa7f5d398d813/1528660563167/Screen+Shot+2018-06-09+at+2.47.40+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.40 PM.png" data-load="false" data-type="image" data-image-id="5b1d823f562fa7f5d398d813" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d823f562fa7f5d398d813/1528660563167/Screen+Shot+2018-06-09+at+2.47.40+PM.png"></p>
<p> <img data-image-dimensions="1490x1352" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d82b103ce640b7edfe362/1528660670254/Screen+Shot+2018-06-09+at+2.47.52+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.52 PM.png" data-load="false" data-type="image" data-image-id="5b1d82b103ce640b7edfe362" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d82b103ce640b7edfe362/1528660670254/Screen+Shot+2018-06-09+at+2.47.52+PM.png"></p>
<p> <img data-image-dimensions="1490x1358" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d82161ae6cfcbab82a68f/1528660517573/Screen+Shot+2018-06-09+at+2.47.22+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.47.22 PM.png" data-load="false" data-type="image" data-image-id="5b1d82161ae6cfcbab82a68f" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d82161ae6cfcbab82a68f/1528660517573/Screen+Shot+2018-06-09+at+2.47.22+PM.png"></p>
<p> <img data-image-dimensions="1500x1362" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8294aa4a99b2fbd1135c/1528660637025/Screen+Shot+2018-06-09+at+2.48.03+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.48.03 PM.png" data-load="false" data-type="image" data-image-id="5b1d8294aa4a99b2fbd1135c" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8294aa4a99b2fbd1135c/1528660637025/Screen+Shot+2018-06-09+at+2.48.03+PM.png"></p>
<p>I then looked at how screen time may be related to sleep time.  From the graph below, it would appear that as screen time increases, sleep time decreases.  But wait!  There may be a <a rel="nofollow" href="https://en.wikipedia.org/wiki/Confounding" target="_blank">confounding</a> factor here: age.  If you look above, sleep decreases with age and screen time increases with age.  So we isolate for age by plotting each age in their own graph.  Still, we see a similar trend that sleep time decreases with an increase in screen time.  Please keep in mind that we are just looking at trends here.  We would need more data and testing to more concretely declare this as fact.</p>
<p> </p>
<p> <img data-image-dimensions="1636x1350" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b2078de1ae6cf43f6dc3d64/1528854761015/Screen+Shot+2018-06-12+at+8.51.41+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-12 at 8.51.41 PM.png" data-load="false" data-type="image" data-image-id="5b2078de1ae6cf43f6dc3d64" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b2078de1ae6cf43f6dc3d64/1528854761015/Screen+Shot+2018-06-12+at+8.51.41+PM.png"></p>
<p> <img data-image-dimensions="1620x1354" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc2bd758d460b34e2d5c2/1528808138793/Screen+Shot+2018-06-12+at+7.53.07+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-12 at 7.53.07 AM.png" data-load="false" data-type="image" data-image-id="5b1fc2bd758d460b34e2d5c2" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1fc2bd758d460b34e2d5c2/1528808138793/Screen+Shot+2018-06-12+at+7.53.07+AM.png"></p>
<hr>
<h2>Graph Samples: Additional Factor Visualizations</h2>
<p>I continued the fun by exploring homework time and sleep by favorite subject.  Also I used a violin plot to look at the spectrum of sleep time by sociability factors (introvert/extravert).  Again, my code is uploaded to the project repo <a rel="nofollow" href="https://github.com/lgellis/STEM/blob/master/DATA-ART-1/STEM%20Data%2BArt%20R%20Analysis.R" target="_blank">here</a>.  </p>
<p> </p>
<p> <img data-image-dimensions="1508x1352" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8202aa4a99b2fbd0fcf3/1528660491212/Screen+Shot+2018-06-09+at+2.46.06+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.46.06 PM.png" data-load="false" data-type="image" data-image-id="5b1d8202aa4a99b2fbd0fcf3" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8202aa4a99b2fbd0fcf3/1528660491212/Screen+Shot+2018-06-09+at+2.46.06+PM.png"></p>
<p> <img data-image-dimensions="1494x1358" data-image-focal-point="0.5,0.5" src="https://i0.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d81df6d2a73a4cf4550b2/1528660457316/Screen+Shot+2018-06-09+at+2.45.53+PM.png?w=456&ssl=1" alt="Screen Shot 2018-06-09 at 2.45.53 PM.png" data-load="false" data-type="image" data-image-id="5b1d81df6d2a73a4cf4550b2" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d81df6d2a73a4cf4550b2/1528660457316/Screen+Shot+2018-06-09+at+2.45.53+PM.png"></p>
<hr>
<h2>Graph Samples: Word Charts</h2>
<p>Finally, I created some word plots.  The star word plot outlines the students desired future career.  The comment word plot outlines how the students view themselves.  The heart word plot outlines how the students like to spend their time.  </p>
<p>I created these plots with <a rel="nofollow" href="http://www.tagxedo.com/" target="_blank">Tagxedo</a> because I like the shapes can produce.  However, you could use <a rel="nofollow" href="http://www.wordle.net/" target="_blank">Wordle</a> or any other tool you have available to you.  They are all quite straight forward.  </p>
<p> <img data-image-dimensions="1398x1096" data-image-focal-point="0.5,0.5" src="https://i2.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8669352f5394200850c5/1528661616380/Screen+Shot+2018-06-05+at+8.34.43+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-05 at 8.34.43 AM.png" data-load="false" data-type="image" data-image-id="5b1d8669352f5394200850c5" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d8669352f5394200850c5/1528661616380/Screen+Shot+2018-06-05+at+8.34.43+AM.png"></p>
<p> <img data-image-dimensions="1374x1088" data-image-focal-point="0.5,0.5" src="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d865b88251b5f8fbb0eb7/1528661603728/?format=1000w" data-load="false" data-type="image" data-image-id="5b1d865b88251b5f8fbb0eb7" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d865b88251b5f8fbb0eb7/1528661603728/"></p>
<p> <img data-image-dimensions="1240x1080" data-image-focal-point="0.5,0.5" src="https://i1.wp.com/static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d863d6d2a73a4cf45f54b/1528661572626/Screen+Shot+2018-06-05+at+8.41.42+AM.png?w=456&ssl=1" alt="Screen Shot 2018-06-05 at 8.41.42 AM.png" data-load="false" data-type="image" data-image-id="5b1d863d6d2a73a4cf45f54b" data-recalc-dims="1" data-image="https://static1.squarespace.com/static/58eef8846a4963e429687a4d/t/5b1d863d6d2a73a4cf45f54b/1528661572626/Screen+Shot+2018-06-05+at+8.41.42+AM.png"></p>
<hr>
<h2> </h2>
<h2>Call for Participation</h2>
<p>This is the first pass at this project.  However, I have a number of contacts in the data scene that are interested in running another set of these projects possibly in coordination with other classrooms around the world.  If you are interested in participating, please contact me by filling out the form on my <a rel="nofollow" href="https://www.littlemissdata.com/data-for-good/" target="_blank">“Data for Good”</a> page. </p>
<ul>
<li>Teachers, there is an opportunity to request your classrooms participation. </li>
<li>Data folks, you can request to participate as mentors in the next project.  Also, if you are itching to take a crack at the current dataset, you can find it <a rel="nofollow" href="https://github.com/lgellis/STEM/tree/master/DATA-ART-1/Data" target="_blank">here</a>.  Please feel free to send me any results and we may include them in the final project. </li>
</ul>
<h2> </h2>
<h2>Thank you and Stay Tuned</h2>
<p>We are not complete with our STEAM project yet!  The students need to create the images.   As a team, we need to produce our mosaic image, create the write up and select the highlight images.  We also have a surprise in store for how we are going to display the results from this project.  Thank you again for reading about our STEAM project. Stay tuned for more information!</p>
<p> </p>
	<p>
<div>
<div>To <strong>leave a comment</strong> for the author, please follow the link and comment on their blog: <strong><a href="https://www.littlemissdata.com/blog/steam-data-art1"> Little Miss Data</a></strong>.</div>
<hr>
<a rel="nofollow" href="https://www.r-bloggers.com/">R-bloggers.com</a> offers <strong><a rel="nofollow" href="https://feedburner.google.com/fb/a/mailverify?uri=RBloggers">daily e-mail updates</a></strong> about <a rel="nofollow" href="https://www.r-project.org/" title="The R Project for Statistical Computing">R</a> news and <a rel="nofollow" href="https://www.r-bloggers.com/search/tutorial" title="R tutorials">tutorials</a> on topics such as: <a rel="nofollow" href="https://www.r-bloggers.com/search/data%20science" title="Data science">Data science</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/Big%20Data" title="Big Data">Big Data, <a rel="nofollow" href="https://www.r-users.com/" title="R jobs">R jobs</a>, visualization (<a rel="nofollow" href="https://www.r-bloggers.com/search/ggplot2" title="ggplot and ggplot2 tutorials">ggplot2</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/boxplot" title="Boxplots using lattice and ggplot2 tutorials">Boxplots</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/map" title="Maps and gis">maps</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/animation" title="Animation in R">animation</a>), programming (<a rel="nofollow" href="https://www.r-bloggers.com/search/RStudio" title="RStudio IDE for R">RStudio</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/sweave" title="Sweave and literate programming">Sweave</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/LaTeX" title="LaTeX in R">LaTeX</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/SQL" title="SQL and databases">SQL</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/eclipse" title="Eclipse IDE for R">Eclipse</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/git" title="git and github, Version Control System">git</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/hadoop" title="Large data in R using Hadoop">hadoop</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/Web+Scraping" title="Web Scraping of google, facebook, yahoo, twitter and more using R">Web Scraping</a>) statistics (<a rel="nofollow" href="https://www.r-bloggers.com/search/regression" title="Regressions and ANOVA analysis tutorials">regression</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/PCA" title="principal component analysis tutorial">PCA</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/time+series" title="Time series">time series</a>, <a rel="nofollow" href="https://www.r-bloggers.com/search/trading" title="finance trading">trading</a>) and more...
<img width="1" alt="" src="http://feeds.feedburner.com/~r/RBloggers/~4/lxwNIY8o18o" height="1"></a></div>