http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&feed=atom&action=historySOCR EduMaterials Activities LineChart - Revision history2024-03-28T19:28:48ZRevision history for this page on the wikiMediaWiki 1.15.1http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=7392&oldid=prevPriscillaChui: /* Description */2008-05-11T19:11:07Z<p><span class="autocomment">Description</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 19:11, 11 May 2008</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 27:</td>
<td colspan="2" class="diff-lineno">Line 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig2.jpg|400px]]</center></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig2.jpg|400px]]</center></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== Examples & Exercises ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">*'''Exercise 1:''' Suppose you are in a chemistry lab and have been experimenting upon three types of chemicals. Use the line chart to display their behaviors under different temperatures. Can any conclusions or relationships between the chemicals be drawn? What factors may affect the illustration of line charts in a physical experimentation?</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">*'''Exercise 2:''' After strengthening your knowledge in regards to line charts, are there any correlations that may be formed from using line charts? How are the beneficial compared to other types of charts? What are the best kinds of data to use for line charts?</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Data Type and Format ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Data Type and Format ==</div></td></tr>
<!-- diff generator: internal 2024-03-28 19:28:48 -->
</table>PriscillaChuihttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=7391&oldid=prevPriscillaChui: /* Background */2008-05-11T19:08:23Z<p><span class="autocomment">Background</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 19:08, 11 May 2008</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== LINE CHARTS ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== LINE CHARTS ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== Summary==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">This activity describes the need, general methods and SOCR utilities for line charts. The simulated data may then be easily copied and pasted in different SOCR [http://www.socr.ucla.edu/htmls/SOCR_Analyses.html Analyses] or [http://www.socr.ucla.edu/htmls/SOCR_Charts.html Graphing] tools for further interrogation.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">==Goals==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">The aims of this activity are:</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* to show the important and usefulness of line charts</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">* allow users to exercise the process on how to use SOCR line charts</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Background ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Background ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td colspan="2" class="diff-lineno">Line 8:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>For references, visit [http://en.wikipedia.org/wiki/Line_chart Wikipedia] and [http://www.advsofteng.com/gallery_line.html More Examples].</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>For references, visit [http://en.wikipedia.org/wiki/Line_chart Wikipedia] and [http://www.advsofteng.com/gallery_line.html More Examples].</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Description ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Description ==</div></td></tr>
<!-- diff generator: internal 2024-03-28 19:28:48 -->
</table>PriscillaChuihttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=6309&oldid=prevIvoDinov: /* Example (Human Heights and Weights) */2008-02-08T18:10:35Z<p><span class="autocomment">Example (Human Heights and Weights)</span></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 18:10, 8 February 2008</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 33:</td>
<td colspan="2" class="diff-lineno">Line 33:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_ScatterCharts_Dinov_020808_Fig3.jpg|500px]]</center></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_ScatterCharts_Dinov_020808_Fig3.jpg|500px]]</center></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>Paste it in the [http://socr.ucla.edu/htmls/SOCR_Charts.html SOCR <del class="diffchange diffchange-inline">Scatter Plot </del>Chart<del class="diffchange diffchange-inline">] </del>(<del class="diffchange diffchange-inline">you need to enter an additional column for the index of the weight</del>).</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>Paste it in the [http://socr.ucla.edu/htmls/SOCR_Charts.html SOCR <ins class="diffchange diffchange-inline">Line </ins>Chart (<ins class="diffchange diffchange-inline">Demo 1b</ins>)<ins class="diffchange diffchange-inline">]</ins>.</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><center>[[Image:<del class="diffchange diffchange-inline">SOCR_Activities_ScatterCharts_Dinov_020808_Fig5</del>.jpg|500px]]</center></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><center>[[Image:<ins class="diffchange diffchange-inline">SOCR_Activities_LineCharts_Dinov_020808_Fig5</ins>.jpg|500px]]</center></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div>You should get <del class="diffchange diffchange-inline">a Scatter plot </del>like this. Notice the summary statistics on the bottom!</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>You should get <ins class="diffchange diffchange-inline">Line plots for height and weight </ins>like this. Notice the summary statistics on the bottom!</div></td></tr>
<tr><td class='diff-marker'>-</td><td style="background: #ffa; color:black; font-size: smaller;"><div><center>[[Image:<del class="diffchange diffchange-inline">SOCR_Activities_ScatterCharts_Dinov_020808_Fig4</del>.jpg|500px]]</center></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><center>[[Image:<ins class="diffchange diffchange-inline">SOCR_Activities_LineCharts_Dinov_020808_Fig6</ins>.jpg|500px]]</center></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td></tr>
<!-- diff generator: internal 2024-03-28 19:28:48 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=6307&oldid=prevIvoDinov at 18:03, 8 February 20082008-02-08T18:03:47Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 18:03, 8 February 2008</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 27:</td>
<td colspan="2" class="diff-lineno">Line 27:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090707_Fig3.jpg|400px]]</center></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090707_Fig3.jpg|400px]]</center></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">==Example (Human Heights and Weights)==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Generate a Line Chart of the first 20 pairs of the [[SOCR_Data_Dinov_020108_HeightsWeights | Human Height and Weight data]]. Copy the data with your mouse.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><center>[[Image:SOCR_Activities_ScatterCharts_Dinov_020808_Fig3.jpg|500px]]</center></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Paste it in the [http://socr.ucla.edu/htmls/SOCR_Charts.html SOCR Scatter Plot Chart] (you need to enter an additional column for the index of the weight).</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><center>[[Image:SOCR_Activities_ScatterCharts_Dinov_020808_Fig5.jpg|500px]]</center></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">You should get a Scatter plot like this. Notice the summary statistics on the bottom!</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><center>[[Image:SOCR_Activities_ScatterCharts_Dinov_020808_Fig4.jpg|500px]]</center></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td></tr>
<!-- diff generator: internal 2024-03-28 19:28:48 -->
</table>IvoDinovhttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=5375&oldid=prevPriscillaChui at 20:34, 7 September 20072007-09-07T20:34:43Z<p></p>
<table style="background-color: white; color:black;">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:34, 7 September 2007</td>
</tr>
<tr><td colspan="2" class="diff-lineno">Line 21:</td>
<td colspan="2" class="diff-lineno">Line 21:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig2.jpg|400px]]</center></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig2.jpg|400px]]</center></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">== Data Type and Format ==</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">By clicking '''Data''' inbetween the ''Graph'' and ''Mapping'' button, it allows users to input or vary the values of the data set. There are two different types of data that is allowed for plotting data points which are one categorical variable (e.g., Series) and the remaining values as quantitative variables (numerical values).</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><center>[[Image:SOCR_Activities_LineCharts_Chui_090707_Fig3.jpg|400px]]</center></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Applications ==</div></td></tr>
<!-- diff generator: internal 2024-03-28 19:28:48 -->
</table>PriscillaChuihttp://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_LineChart&diff=5355&oldid=prevPriscillaChui at 06:52, 7 September 20072007-09-07T06:52:29Z<p></p>
<p><b>New page</b></p><div>== LINE CHARTS ==<br />
<br />
==Background ==<br />
<br />
Line Charts are often used for physical experiments. From the tables of collected data, values of physical processes can be visually analyzed by the use of line graphs. These charts are typically two-dimensional with unique values that are consecutively connected by a straight line. The dependent variable appears on the vertical axis and the independent variable appears on the horizontal axis. <br />
<br />
Physical characteristics such as behaviors of the physical experiment may be easily determined by observing the visualizations of Line Charts.<br />
<br />
For references, visit [http://en.wikipedia.org/wiki/Line_chart Wikipedia] and [http://www.advsofteng.com/gallery_line.html More Examples].<br />
<br />
<br />
== Description ==<br />
<br />
Go to the [http://socr.ucla.edu/htmls/SOCR_Charts.html SOCR Charts] and select Line Charts from the items located on the left, then select the demonstrations for Line Charts:<br />
<br />
<center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig1.jpg|400px]]</center><br />
<br />
The image above is a demonstration of a Line Chart with multiple graphs. Notice that the values are connected by a straight line. In this graph, the independent variable lies on the horizontal axis and the dependent variable lies on the vertical axis.<br />
<br />
In some events, the independent variables could lie on the vertical axis and the dependent variable could lie on the horizontal axis as long as the values are consistent with the graph. The image below demonstrates this:<br />
<br />
<center>[[Image:SOCR_Activities_LineCharts_Chui_090607_Fig2.jpg|400px]]</center><br />
<br />
== Applications ==<br />
<br />
One of the most persuasive elements when proposing data and literature to others is a well-designed chart presentation. <br />
<br />
For example, scientists may want to compare values of experiments. Suppose researchers are comparing the maximum speed of three different types of engines. Setting the independent variable as the trial number, the dependent variable will be the maximum speed measured for the corresponding event.<br />
<br />
For students in physical sciences labs, graphing values of experiments in Line Charts may help present their outcomes in a more appealing way.<br />
<br />
{{translate|pageName=http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_EduMaterials_Activities_BallotExperiment}}</div>PriscillaChui