{"id":18625,"date":"2020-07-04T11:58:23","date_gmt":"2020-07-04T15:58:23","guid":{"rendered":"http:\/\/studentwork.prattsi.org\/infovis\/?p=18625"},"modified":"2020-07-04T12:04:17","modified_gmt":"2020-07-04T16:04:17","slug":"interactions-of-primary-school-children","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/interactions-of-primary-school-children\/","title":{"rendered":"Interactions of Primary School Children"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2162\" height=\"1632\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?fit=840%2C634&amp;ssl=1\" alt=\"\" class=\"wp-image-18628\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?w=2162&amp;ssl=1 2162w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=1024%2C773&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=768%2C580&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=1536%2C1159&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=2048%2C1546&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=800%2C604&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?resize=238%2C180&amp;ssl=1 238w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-2.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Final Results of School Children Grade Interactions<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>For this project I explored the social interactions between primary school children and their peers.&nbsp;&nbsp;After reading over the findings from <a rel=\"noreferrer noopener\" href=\"http:\/\/www.sociopatterns.org\/publications\/high-resolution-measurements-of-face-to-face-contact-patterns-in-a-primary-school\/\" target=\"_blank\">\u201cHigh-Resolution Measurements of Face-to-Face Contact Patterns in a Primary School\u201d<\/a>. I wanted to see how students interact with peers outside of their grade level.&nbsp;&nbsp;For example, how many interactions does a first grader have with a third grader, as well as see if there are any interesting trends that might exist between grade hierarchy and social interactions with peers outside of their grade.&nbsp;&nbsp;The original study focused on French students in grades one through five; which are children age six to twelve.&nbsp;&nbsp;The original study utilized a radio frequency device to monitor the students and who they were interacting with.&nbsp;&nbsp;Their <a rel=\"noreferrer noopener\" href=\"https:\/\/vimeo.com\/31490438\" target=\"_blank\">final graphing data<\/a> shows the time breakdowns of each student\u2019s interactions in a time lapsed visual networking graph.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Material<\/h2>\n\n\n\n<p>To visualize the data an open-source software called <a rel=\"noreferrer noopener\" href=\"https:\/\/gephi.org\" target=\"_blank\">Gephi<\/a> was used.&nbsp;&nbsp;This software is very powerful for rendering multiple graphs and networks and can be expanded via plugins for different visual renderings and analysis, they offer an <a rel=\"noreferrer noopener\" href=\"https:\/\/gephi.org\/plugins\/#\/\" target=\"_blank\">expansive plugin library<\/a> to support almost all curiosities.&nbsp;&nbsp;Initially I encountered a bit of a learning curve, however the <a rel=\"noreferrer noopener\" href=\"https:\/\/www.slideshare.net\/gephi\/gephi-quick-start\" target=\"_blank\">LinkedIn Learning slideshow<\/a> and <a rel=\"noreferrer noopener\" href=\"https:\/\/www.youtube.com\/watch?v=dSx5_PjaWVE\" target=\"_blank\">introductory video<\/a> helped get over this.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Now with the tool in place I needed the data.&nbsp;&nbsp;I took the <a href=\"http:\/\/www.sociopatterns.org\/datasets\/primary-school-cumulative-networks\/\" target=\"_blank\" rel=\"noreferrer noopener\">dataset from SocioPatterns<\/a> study mentioned in the introduction.&nbsp;&nbsp;This data included all the interactions between the students from multiple classes for October 1, 2009 which resulted in 236 recorded interactions.&nbsp;&nbsp;After extracting the data it was in an odd file format `.gexf_` I inspected the data and realized it was in XML format so I tried adding `.xml` to the file but that did not let me import into Gephi.&nbsp;&nbsp;After some research I found out that `.gexf` was a valid file format that was a <a rel=\"noreferrer noopener\" href=\"https:\/\/networkx.github.io\/documentation\/stable\/reference\/readwrite\/gexf.html\" target=\"_blank\">Graph Exchange XML Format<\/a>.&nbsp;&nbsp;After setting the extension to this I was able to successfully import the data into Gephi.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Process<\/h2>\n\n\n\n<p>With my data loaded I had a giant blob of color on the screen.&nbsp;&nbsp;This was not very useful in its current format.&nbsp;&nbsp;I experimented with the different layouts as described in the book on pages 56-76 of&nbsp;&nbsp;<a rel=\"noreferrer noopener\" href=\"http:\/\/gephi.michalnovak.eu\/Mastering%20Gephi%20Network%20Visualization.pdf\" target=\"_blank\">\u201cMastering Gephi Network Visualization\u201d<\/a>.&nbsp;&nbsp;You can see the experiments in Figure 1 below.&nbsp;&nbsp;This rendered different visualizations of the data in useful collections.&nbsp;&nbsp;For my final layout I went with Yifan Hu which is a force-based algorithm with a performance gain.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/dabrad26.github.io\/info-vis-as3\/experiment.gif?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Figure 1: Experimenting with layouts<\/figcaption><\/figure>\n\n\n\n<p>With my visualization of the interaction networks in place I wanted to add some color to my views to help the user quickly see the clusters of interactions without the need for labels.&nbsp;&nbsp;I added colors to the classes.&nbsp;&nbsp;But the data had the classes divided not just by grade but by a class in each grade; for example, grade one had two classes 1A and 1B.&nbsp;&nbsp;I went into \u201cData Laboratory\u201d view in Gephi and did a global change in the data to convert all the classes into grades.&nbsp;&nbsp;For example 1A and 1B were turned into simply \u201c1\u201d.&nbsp;&nbsp;This allowed me to now add a color for each grade and render a visually clustered network of interactions between grades.&nbsp;&nbsp;The color choices for each can be seen below in Figure 2.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"552\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Colors.png?resize=650%2C552&#038;ssl=1\" alt=\"\" class=\"wp-image-18629\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Colors.png?w=650&amp;ssl=1 650w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Colors.png?resize=300%2C255&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Colors.png?resize=212%2C180&amp;ssl=1 212w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><figcaption>Figure 2: Color selection for each grade<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Outcome<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/dabrad26.github.io\/info-vis-as3\/network.gif?w=840&#038;ssl=1\" alt=\"\" \/><figcaption>Figure 3: Final Exploration of data<\/figcaption><\/figure>\n\n\n\n<p>The image above represents the final visualization.&nbsp;&nbsp;You can see as the mouse moves the connection that node had is highlighted to point to the interactions that student had.&nbsp;&nbsp;The nodes more centered in the visualization represent the students who had more interactions with peers in other grades.&nbsp;&nbsp;The spread represents the interaction differential where the outliers have the lowest amount of interactions with other grades and the smaller, more centered, items have more interactions across grade levels.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2162\" height=\"1632\" src=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?fit=840%2C634&amp;ssl=1\" alt=\"\" class=\"wp-image-18631\" srcset=\"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?w=2162&amp;ssl=1 2162w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=300%2C226&amp;ssl=1 300w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=1024%2C773&amp;ssl=1 1024w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=768%2C580&amp;ssl=1 768w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=1536%2C1159&amp;ssl=1 1536w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=2048%2C1546&amp;ssl=1 2048w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=800%2C604&amp;ssl=1 800w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?resize=238%2C180&amp;ssl=1 238w, https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final-4.png?w=1680 1680w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption>Figure 4: <em>Final Results of School Children Grade Interactions<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>The static view of the final above can show the color overlap of the grades.&nbsp;&nbsp;This is useful in showing the grade interactions. From the data we can see that the fourth grade has the most interactions with other groups.&nbsp;Having multiple interaction connections with students in the fifth and third grade.&nbsp;&nbsp;The fifth grade group is the most isolated mostly interacting amongst themselves but some interaction with fourth graders.&nbsp;&nbsp;The third grade also had a bit more isolation.&nbsp;&nbsp;The first and second grade were the most intertwined.&nbsp;&nbsp;One theory could be formed here that the older the child gets the less they want to interact with younger peers.&nbsp;&nbsp;And that this behavior starts in around the third grade.&nbsp;&nbsp;The division by age\/grade can lead to this as found in <a rel=\"noreferrer noopener\" href=\"https:\/\/researcharchive.vuw.ac.nz\/xmlui\/bitstream\/handle\/10063\/1057\/thesis.pdf\" target=\"_blank\">one study<\/a>.&nbsp;&nbsp;However, the findings are interesting and following the interactions of older kids in middle and high school age groups could be used to see if this pattern follows.<\/p>\n\n\n\n<p><a href=\"https:\/\/dabrad26.github.io\/info-vis-as3\/Graph.gephi\" target=\"_blank\" rel=\"noreferrer noopener\">The final Gephi file can be downloaded here<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Reflections<\/h2>\n\n\n\n<p>The data yielded some interesting findings about the social structure of grade age children.&nbsp;&nbsp;The social interactions across grade levels can most likely be applied to all aspects of life and divisions.&nbsp;&nbsp;Including cast systems, school grades, and company positions.&nbsp;&nbsp;It would be nice to get a similar study of older children to see if the pattern of association with higher levels and your current peers exists as the children grow.&nbsp;&nbsp;While the data showed this division was not as obvious to the younger children; third grade and lower.&nbsp;&nbsp;Showing that around third grade a natural or instinctive division of social norms must be picked up somehow.&nbsp;&nbsp;The same data processing on interactions of junior high and high school students, college level students, and organization groupings; like managers, workers, executives; could potentially show a correlation of the findings and illustrate this social behavior.&nbsp;&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Works Cited<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.sociopatterns.org\/publications\/high-resolution-measurements-of-face-to-face-contact-patterns-in-a-primary-school\/\" target=\"_blank\">SocioPatterns &#8211; High-Resolution Measurements of Face-to-Face Contact Patterns in a Primary School<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"http:\/\/www.sociopatterns.org\/datasets\/primary-school-cumulative-networks\/\" target=\"_blank\">SocioPatterns &#8211; Primary school &#8211; cumulative networks Datasets<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/www.slideshare.net\/gephi\/gephi-quick-start\" target=\"_blank\">LinkedIn Learning \u2013 Gephi Quick Start<\/a><\/li><li><a href=\"https:\/\/networkx.github.io\/documentation\/stable\/reference\/readwrite\/gexf.html\" target=\"_blank\" rel=\"noreferrer noopener\">NetworkX &#8211; GEXF Format<\/a><\/li><li><a href=\"http:\/\/gephi.michalnovak.eu\/Mastering%20Gephi%20Network%20Visualization.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Cherven, Ken \u2013 Mastering Gephi Network Visualization<\/a><\/li><li><a href=\"https:\/\/researcharchive.vuw.ac.nz\/xmlui\/bitstream\/handle\/10063\/1057\/thesis.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">Fagan, Tara Jan &#8211; Younger and Older Together: Children\u2019s interactions in a mixed-age early childhood centre<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Introduction For this project I explored the social interactions between primary school children and their peers.&nbsp;&nbsp;After reading over the findings from \u201cHigh-Resolution Measurements of Face-to-Face Contact Patterns in a Primary School\u201d. I wanted to see how students interact with peers outside of their grade level.&nbsp;&nbsp;For example, how many interactions does a first grader have with&hellip;<\/p>\n","protected":false},"author":717,"featured_media":18626,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[149,342],"tags":[],"coauthors":[528],"class_list":["post-18625","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-labs","category-networks"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2020\/07\/Final.png?fit=2162%2C1632&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-4Qp","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/717"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=18625"}],"version-history":[{"count":3,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18625\/revisions"}],"predecessor-version":[{"id":18634,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/18625\/revisions\/18634"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/18626"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=18625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=18625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=18625"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=18625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}