Team:NYU Gallatin/Project/Socializing

From 2012.igem.org

(Difference between revisions)
m
Line 50: Line 50:
    
    
   <div class="content clearfix">
   <div class="content clearfix">
-
     <center><img style="border: solid black 1px; margin-bottom: 20px;" src="http://farm9.staticflickr.com/8029/8044503002_4bb8dfc3d1_c.jpg" width=683 /></center><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h1>The Survey</h1>
+
     <center><img style="border: solid black 1px; margin-bottom: 20px;" src="http://farm9.staticflickr.com/8029/8044503002_4bb8dfc3d1_c.jpg" width=683 /></center><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><!--Load the AJAX API--><script type="text/javascript" src="https://www.google.com/jsapi"></script><script type="text/javascript">
-
<p>Our human practices portion consists of a study concerning relationships among awareness, education, and approval of different genetically modified products. e.g. Do people care whether cotton is genetically engineered as much as food?  The survey results were collected online as well as our shoppe at Atlantic Antic from volunteers off the street. <a href="/Team:NYU_Gallatin/Project/Socializing/Survey">Take the survey yourself!</a></p>
+
<!--//--><![CDATA[// ><!--
 +
 
 +
 
 +
      // Load the Visualization API and the piechart package.
 +
      google.load('visualization', '1.0', {'packages':['corechart']});
 +
 
 +
      // Set a callback to run when the Google Visualization API is loaded.
 +
      google.setOnLoadCallback(drawChart);
 +
 
 +
      // Callback that creates and populates a data table,
 +
      // instantiates the pie chart, passes in the data and
 +
      // draws it.
 +
      function drawChart() {
 +
 
 +
        // Create the GENDER data table.
 +
        var data = new google.visualization.DataTable();
 +
        data.addColumn('string', 'Gender');
 +
        data.addColumn('number', 'Surveyed');
 +
        data.addRows([
 +
          ['Female', 49.4],
 +
          ['Male', 50.6],
 +
        ]);
 +
        // Set chart options
 +
        var options = {'width':200,
 +
                      'height':200,
 +
                      'legend':'bottom',
 +
slices: {0: {color: '#FF00FF'}, 1: {color: 'blue'}},
 +
chartArea:{left:5,top:5,width:"90%",height:"90%"},
 +
};
 +
 
 +
        // Instantiate and draw our chart, passing in some options.
 +
        var chart = new google.visualization.PieChart(document.getElementById('chart_gender'));
 +
        chart.draw(data, options);
 +
 
 +
        // Create the AGE data table.
 +
        var data = new google.visualization.DataTable();
 +
        data.addColumn('string', 'Age');
 +
        data.addColumn('number', 'Age');
 +
        data.addRows([
 +
          ['17 or younger', 3],
 +
          ['18 to 34', 23.8],
 +
          ['35 to 49', 28.6],
 +
          ['50 to 64', 34.5],
 +
          ['65 or older', 10.1],
 +
        ]);
 +
        // Set chart options
 +
        var options = {'width':200,
 +
                      'height':200,
 +
                      'legend':'bottom',
 +
chartArea:{left:5,top:5,width:"90%",height:"90%"}
 +
};
 +
 
 +
        // Instantiate and draw our chart, passing in some options.
 +
        var chart = new google.visualization.PieChart(document.getElementById('chart_age'));
 +
        chart.draw(data, options);
 +
 
 +
      // Create the EDUCATION data table.
 +
        var data = new google.visualization.DataTable();
 +
        data.addColumn('string', 'Education');
 +
        data.addColumn('number', 'Percent');
 +
        data.addRows([
 +
          ['Some High School', 1.8],
 +
          ['High School Diploma', 10.7],
 +
          ['Some College', 19.0],
 +
          ['College Degree', 33.9],
 +
          ['Graduate Degree', 34.5],
 +
        ]);
 +
        // Set chart options
 +
        var options = {'width':200,
 +
                      'height':200,
 +
                      'legend':'bottom',
 +
                      chartArea:{left:5,top:5,width:"90%",height:"90%"}
 +
};
 +
        // Instantiate and draw our chart, passing in some options.
 +
        var chart = new google.visualization.PieChart(document.getElementById('chart_edu'));
 +
        chart.draw(data, options);
 +
      }
 +
   
 +
//--><!]]>
 +
</script><h1>The Survey</h1>
 +
<p>Our human practices portion consists of a study concerning relationships among awareness, education, and approval of different genetically modified products. e.g. Do people care whether cotton is genetically engineered as much as food?  The survey results were collected online as well as our shoppe at Atlantic Antic from volunteers off the street. </p>
 +
<p><a href="/Team:NYU_Gallatin/Project/Socializing/Survey">Take the survey yourself!</a></p>
<h2>Methodology</h2>
<h2>Methodology</h2>
<ul><li>10 item web survey regarding genetically modified (GM) products:
<ul><li>10 item web survey regarding genetically modified (GM) products:
Line 65: Line 146:
<ul><li>National sample, including more than 50 U.S. metro areas.</li>
<ul><li>National sample, including more than 50 U.S. metro areas.</li>
<li>37 percent response rate, 168 usable responses.</li>
<li>37 percent response rate, 168 usable responses.</li>
-
<li>Gender - 50.6 percent male, 49.4 percent female.</li>
+
</ul><!--Div that will hold the pie chart--><div style="background: white; padding: 15px; text-align: center; -moz-border-radius: 15px; border-radius: 15px;">
-
<li>Age:
+
<div id="chart_gender" style="display: inline-block"></div>
-
<ul><li>17 or younger � 3.0 percent.</li>
+
<div id="chart_age" style="display: inline-block"></div>
-
<li>18 to 34 � 23.8 percent.</li>
+
<div id="chart_edu" style="display: inline-block; clear: right"></div>
-
<li>35 to 49 � 28.6 percent.</li>
+
<div id="chart_gender_title" style="display: inline-block; width: 200px; background: white; color: black; text-align: center;">Gender</div>
-
<li>50 to 64 � 34.5 percent.</li>
+
<div id="chart_gender_title" style="display: inline-block; width: 200px; background: white; color: black; text-align: center;">Age</div>
-
<li>65 or older � 10.1 percent.</li>
+
<div id="chart_gender_title" style="display: inline-block; width: 200px; background: white; color: black; text-align: center;">Education</div>
-
</ul></li>
+
</div>
-
<li>Education:
+
<h2>Summary</h2>
-
<ul><li>Some High School � 1.8 percent.</li>
+
-
<li>High School Diploma � 10.7 percent.</li>
+
-
<li>Some College � 19.0 percent.</li>
+
-
<li>College Degree � 33.9 percent.</li>
+
-
<li>Graduate Degree � 34.5 percent.</li>
+
-
</ul></li>
+
-
</ul><h2>Summary</h2>
+
<p></p><ul><li>Product type, gender, awareness all affect approval for GM products.</li>
<p></p><ul><li>Product type, gender, awareness all affect approval for GM products.</li>
<li>Increasing GM awareness primarily influences undecideds. </li>
<li>Increasing GM awareness primarily influences undecideds. </li>

Revision as of 17:50, 2 October 2012