Difference between revisions of "Grace/C2/Creating-a-2D-Graphical-Plot/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with "{|border=1 ||'''Visual Cue''' ||'''Narration''' |- || '''Slide Number 1''' '''Title Slide''' || Welcome to the spoken tutorial on '''Creating a 2D graphical plot'''. |- || '...")
 
 
(12 intermediate revisions by 3 users not shown)
Line 17: Line 17:
 
* Change the color of the line
 
* Change the color of the line
 
* Adjust global limits
 
* Adjust global limits
* Change axis ticks and add grid and
+
* Change axis ticks and draw grid and
 
* Add title to the plot
 
* Add title to the plot
  
 
|-
 
|-
 
|| '''Slide Number 3'''
 
|| '''Slide Number 3'''
'''System and Software Requirement'''*
+
'''System and Software Requirement'''
|| To record this tutorial, I am using* '''Ubuntu Linux 16.04 OS'''
+
|| To record this tutorial, I am using
* '''Grace version 5.1.25 '''
+
* '''Ubuntu Linux''' 16.04 OS
* '''Gedit 3.18.3'''
+
* '''Grace version''' 5.1.25 and
 +
* '''Gedit text editor''' 3.18.3
  
 
|-
 
|-
 
|| '''Slide Number 4'''
 
|| '''Slide Number 4'''
 
'''Pre-requisites'''
 
'''Pre-requisites'''
 
 
'''https:\\spoken-tutorial.org'''
 
'''https:\\spoken-tutorial.org'''
|| To follow this tutorial, learners should be familiar with '''Grace''' interface.
+
|| To follow this tutorial,  
For the pre-requisite tutorials, please visit this website.
+
* Learners should be familiar with the '''Grace''' interface.
 +
* For the pre-requisite tutorials, please visit this website.
  
 
|-
 
|-
Line 42: Line 43:
 
|| Show file '''line.agr''' on '''Desktop'''.
 
|| Show file '''line.agr''' on '''Desktop'''.
 
|| Let us go to the '''Desktop'''.  
 
|| Let us go to the '''Desktop'''.  
I have saved '''Grace''' project file on my '''Desktop''' directory as''' line  
+
 
dot agr'''.
+
I have saved the '''Grace''' project file on my '''Desktop''' directory as '''line dot agr'''.
  
 
|-
 
|-
|| Cursor on the Ubuntu Desktop.
+
|| Cursor on the Ubuntu '''Desktop'''.
 
|| Let us open '''Grace'''.
 
|| Let us open '''Grace'''.
  
Line 54: Line 55:
  
 
|-
 
|-
|| Type Grace and press enter
+
|| Type '''Grace''' and press '''Enter'''.
|| Type '''grace''' in the search form and press enter to open '''Grace'''.
+
|| Type '''grace''' in the search form and press '''Enter''' to open '''Grace'''.
  
 
|-
 
|-
|| Go to '''File, open'''
+
|| Go to '''File, open'''.
Change directory to '''Desktop'''
+
Change directory to '''Desktop'''.
|| Go to '''File, Open''' to open a Grace''' project'''.
+
|| Go to '''File, Open''' to open a '''Grace project'''.  
In the open project window, change directory to '''Desktop'''.
+
  
|-
+
In the '''open project''' window, change directory to '''Desktop'''.
|| Change directory to '''Desktop'''
+
|| Next, change directory to '''Desktop'''.
+
  
 
|-
 
|-
 
|| Point to the Selection box.
 
|| Point to the Selection box.
Select '''line.agr''' >> click on '''OK''' to open the project.
+
Select '''line.agr''' and click on '''OK''' to open the project.
|| Notice the file '''line.agr''' in the selection box.
+
|| Notice the file '''line dot agr''' in the selection box.
Select this file and click on '''OK '''to open the project.
+
Select this file and click on '''OK''' to open the project.
  
 
|-
 
|-
 
|| Show the error message screenshot.
 
|| Show the error message screenshot.
 
|| You may get an error message on fonts.  
 
|| You may get an error message on fonts.  
Please close the alert pop-up dialogue box.
+
 
 +
Please close the alert pop-up dialog box.
  
 
|-
 
|-
|| Point at plot area to show straight line
+
|| Point at plot area to show straight line.
 
|| We can see a graph representing the data.
 
|| We can see a graph representing the data.
  
 
|-
 
|-
 
|| Hover mouse to limits of x-y axes.
 
|| Hover mouse to limits of x-y axes.
|| X and Y limits on the graph have changed from 0 to 10.  
+
|| '''X''' and '''Y''' limits on the graph have changed from 0 to 10.  
  
 
|-
 
|-
|| Place cursor on the line >>double click to open '''Grace: Set Appearance'''.
+
|| Place cursor on the line, double click to open '''Grace: Set Appearance'''.
Click on '''X '''button to close.
+
Click on '''X''' button to close.
|| Place the cursor on the line and double click to open '''Grace: Set Appearance'''.
+
|| Place the cursor on the line and double click to open '''Grace: Set Appearance''' window.
I will close this dialogue box by clicking on the''' Close''' button''''''.
+
I will close this dialog box by clicking on the '''Close''' button.
  
 
|-
 
|-
|| Hover mouse over Plot menu >> show, '''Plot''' > '''set''' '''appearance'''
+
|| Hover mouse over Plot menu, Click on '''Plot, set appearance'''
 
|| This option can be also be opened using the menu bar.
 
|| This option can be also be opened using the menu bar.
 +
 
Next, open the set appearance window.
 
Next, open the set appearance window.
Go to '''Plot''' menu and select '''Set Appearance. '''
+
Go to '''Plot''' menu and select '''Set Appearance'''.
  
 
|-
 
|-
|| Move set appearance window to the side
+
|| Move set appearance window to the side.
|| I will move the set appearance window to the side for better view.
+
|| I will drag the set appearance window for better view.
  
 
|-
 
|-
|| Hover mouse over '''Select set''' box
+
|| Hover mouse over '''Select set''' box.
|| Since only single dataset is loaded, it is highlighted in''' Select set:''' text box.
+
|| Since only a single dataset is loaded, it is highlighted in the'''Select set''' text box.
  
 
|-
 
|-
|| Choose '''Main''' tab
+
|| Choose '''Main''' tab.
|| Look at the various settings in '''Main''' tab
+
|| Look at the various settings in the '''Main''' tab.
  
 
|-
 
|-
Line 122: Line 122:
 
Point to the dotted line on the interface.
 
Point to the dotted line on the interface.
 
|| To change the style of a line, click on the '''Style''' drop-down.
 
|| To change the style of a line, click on the '''Style''' drop-down.
 
 
 
Select dotted line option.
 
Select dotted line option.
  
Line 131: Line 129:
 
Notice that solid line has changed to dotted line.
 
Notice that solid line has changed to dotted line.
  
|-
 
|| Show adjust width option click on it in screen
 
|| '''Width''' option allows us to adjust the thickness of the line.
 
  
 
|-
 
|-
|| Point cursor on triangles of adjust width of line
+
|| Point cursor on triangles of adjust width of line.
 
|| Click on up black triangles to increase or decrease the width.
 
|| Click on up black triangles to increase or decrease the width.
  
Line 148: Line 143:
  
 
|-
 
|-
|| Choose '''red'''  
+
|| Choose '''red'''.
 
|| I will choose '''red''' color.  
 
|| I will choose '''red''' color.  
  
Line 157: Line 152:
 
|-
 
|-
 
|| Point to the line.
 
|| Point to the line.
|| Observe the changes in the graph.
+
|| And observe the changes in the graph.
  
 
|-
 
|-
Line 164: Line 159:
  
 
|-
 
|-
|| '''Symbol properties > Type'''
+
|| Select '''Symbol properties, Type''' dropdown.
|| Under '''Symbol properties''' option, go to '''Type '''and click on the drop down.
+
|| Under '''Symbol properties''' option, go to '''Type''' and click on the drop down.
  
 
|-
 
|-
 
|| Select '''Circle'''.
 
|| Select '''Circle'''.
|| Select the desired '''Symbol '''shape. I will select '''Circle'''.
+
|| Select the desired '''Symbol''' shape. I will select '''Circle'''.
  
 
|-
 
|-
Line 177: Line 172:
 
|-
 
|-
 
|| Drag the symbol size slider to 40.
 
|| Drag the symbol size slider to 40.
|| I will drag the symbol size slider to 40.  
+
|| I will drag the symbol '''size''' slider to 40.  
  
 
|-
 
|-
|| Click on '''Apply '''button.
+
|| Click on the '''Apply '''button.
 
|| Next, click on the '''Apply''' button.
 
|| Next, click on the '''Apply''' button.
  
 
|-
 
|-
|| Hover cursor next to line and symbol
+
|| Hover cursor next to line and symbol.
 
|| Data points are represented as circles on the line.
 
|| Data points are represented as circles on the line.
  
 
|-
 
|-
|| Click on '''Symbols''' tab
+
|| Click on '''Symbols''' tab.
 
|| Now click on '''Symbols''' tab to change symbol properties.
 
|| Now click on '''Symbols''' tab to change symbol properties.
  
 
|-
 
|-
|| Click '''Pattern '''drop-down''' '''>> Select '''Solid''' pattern picture to get filled symbol.
+
|| Click on '''Pattern''' drop-down, select '''Solid''' pattern picture to get filled symbol.
|| Under '''Symbol fill''', click on '''Pattern '''drop-down.
+
|| Under '''Symbol fill''', click on the '''Pattern''' drop-down.
Select '''Solid''' pattern picture to get filled symbol.
+
 
 +
Select the '''Solid''' pattern picture to get filled symbol.
  
 
|-
 
|-
Line 203: Line 199:
 
|| Point mouse at '''symbol skip''' option.
 
|| Point mouse at '''symbol skip''' option.
 
Click on the up or down arrow triangle.
 
Click on the up or down arrow triangle.
|| If the data points are closely placed, we can skip specified symbols for clarity.
+
|| If the data points are closely spaced, we can skip specified symbols for clarity.
Click on arrow triangle of '''Symbol skip''' as required.
+
 
 +
Click on the arrow triangle of '''Symbol skip''' as required.
  
 
|-  
 
|-  
|| Click on '''Apply''' >> click '''Close''' to exit the '''Grace: Set Appearance''' .
+
|| Click on '''Apply''' and click '''Close''' in the '''Grace: Set Appearance'''.
|| Click on '''Close''' to exit the '''Grace: Set Appearance''' .
+
|| Click on '''Close''' to exit the '''Grace: Set Appearance''' window.
  
 
|-
 
|-
Line 215: Line 212:
  
 
|-
 
|-
|| Adjust global limits under, '''Plot''' >>''' Axis properties''' tab.
+
|| Adjust global limits under, '''Plot, Axis properties''' tab.
|| Go to '''Plot '''and''' '''select '''Axis properties''' to open''' Grace: Axes''' dialogue box.
+
|| Go to '''Plot''' and select '''Axis properties''' to open '''Grace: Axes''' dialog box.
  
 
|-
 
|-
|| In '''Edit '''drop-down choose, '''X axis'''
+
|| In '''Edit '''drop-down choose, '''X axis'''.
|| In the '''Edit '''drop-down choose, '''X axis'''.
+
|| In the '''Edit''' drop-down, choose '''X axis'''.
  
 
|-
 
|-
 
|| Select start and stop of the x-axis limits to be displayed as -1 to 10.  
 
|| Select start and stop of the x-axis limits to be displayed as -1 to 10.  
|| Select start and stop of the x-axis limits to be displayed as -1 to 10.
+
|| Select start and stop of the '''x-axis''' limits to be displayed as -1 to 10.
  
 
|-
 
|-
|| Click '''Apply'''.
+
|| Click on '''Apply'''.
Cursor on the Limits of x axis.
+
Place cursor on the Limits of x axis.
 
|| Click on the '''Apply''' button and observe the changes in the limits of the '''x axis'''.
 
|| Click on the '''Apply''' button and observe the changes in the limits of the '''x axis'''.
 
|-
 
|-
|| '''Axis label''' >> l'''abel string '''>>
+
|| Go to '''Axis label, label string''' and type '''x-axis '''.
type''' x-axis. '''
+
 
|| Next, let's add axis labels.  
 
|| Next, let's add axis labels.  
Under '''Axis Label,''' go to''' Label string''' text box and type '''x-axis'''.
+
 
 +
Under '''Axis Label''', go to '''Label string''' text box, and type '''x-axis'''.
  
 
|-
 
|-
|| Click '''Apply'''.
+
|| Click on '''Apply'''.
 
|| Click on the '''Apply''' button to see the changes.
 
|| Click on the '''Apply''' button to see the changes.
  
 
|-
 
|-
 
|| Type '''4''' for '''Major''' spacing and 2 for '''minor''' spacing of axis tick marks
 
|| Type '''4''' for '''Major''' spacing and 2 for '''minor''' spacing of axis tick marks
|| Under '''Tick properties, '''type '''4''' for '''Major''' '''spacing '''  
+
|| Under '''Tick properties''', type 4 for '''Major spacing'''.
And type 2 for '''Minor''' ticks.
+
And type 2 for '''Minor ticks'''.  
  
 
|-
 
|-
|| Click on '''Apply '''button.
+
|| Click on the '''Apply '''button.
 
|| Click on the '''Apply''' button.
 
|| Click on the '''Apply''' button.
  
Line 252: Line 249:
 
|| Point to the graph.
 
|| Point to the graph.
 
|| Notice the changes in the graph.  
 
|| Notice the changes in the graph.  
 +
  
 
|-
 
|-
 
|| Under '''Edit''' drop-down, select '''Y axis'''.
 
|| Under '''Edit''' drop-down, select '''Y axis'''.
|| To format y-axis properties, select '''Y axis''' in '''Edit''' drop-down.
+
|| To format '''y-axis''' properties, select '''Y axis''' in '''Edit''' drop-down.
  
 
|-
 
|-
|| Type '''Start''' as -1 >> '''End''' as 11.
+
|| Type '''Start''' as -1, and '''End''' as 11.
Hover mouse next to y-axis
+
Hover mouse next to y-axis.
|| Choose to '''Start '''as -1 and '''End '''as 11 and click the '''Apply '''button.
+
|| Choose to '''Start''' at -1 and '''End''' at 11.
Axis limits of y-axis in the graph change accordingly.
+
 
 +
And click on the '''Apply''' button.
 +
 
 +
Axis limits of '''y-axis''' in the graph change accordingly.
  
 
|-
 
|-
|| '''Label string''' as '''y-axis''', click '''Apply'''
+
|| In '''Label string''' type '''y-axis''' and click on '''Apply'''.
|| In''' Label string''' textbox, type '''y-axis''' and click on '''Apply''' to add y-axis label.
+
|| In '''Label string''' textbox, type '''y-axis''' and click on '''Apply''' to add '''y-axis''' label.
  
 
|-
 
|-
 
|| Type '''4''' for '''Major''' spacing and '''2''' for '''minor''' spacing of axis tick marks.
 
|| Type '''4''' for '''Major''' spacing and '''2''' for '''minor''' spacing of axis tick marks.
|| Next we will change '''Major''' ticks and '''Minor''' ticks.
+
|| Next we will change '''Major spacing''' and '''Minor ticks'''.
Type '''4''' for '''Major''' spacing and '''2''' for '''minor''' spacing of axis tick marks.
+
 
 +
Type '''4''' for '''Major''' spacing and '''2''' for '''Minor''' spacing of axis tick marks.
  
 
|-
 
|-
Line 277: Line 279:
  
 
|-
 
|-
|| Go to Under '''tick''' '''marks''' tab.  
+
|| Go to Under '''tick marks''' tab.  
 
Point to the Pointing and Draw on drop downs.
 
Point to the Pointing and Draw on drop downs.
 
|| Now we will go to Tick marks tab.
 
|| Now we will go to Tick marks tab.
 +
 
Under '''Tick marks''' tab, we can see '''Pointing''' and '''Draw on''' drop downs.
 
Under '''Tick marks''' tab, we can see '''Pointing''' and '''Draw on''' drop downs.
  
 
|-
 
|-
 
|| In Draw on drop down, choose Normal side.
 
|| In Draw on drop down, choose Normal side.
|| In the '''Draw on''' drop down choose tic marks on '''Normal side'''.  
+
|| In the '''Draw on''' drop down choose tick marks on '''Normal side'''.  
  
 
|-
 
|-
Line 292: Line 295:
 
|-
 
|-
 
|| Select '''Y axis''', choose '''Normal side''' in Daw on dropdown , Click on '''Apply'''.
 
|| Select '''Y axis''', choose '''Normal side''' in Daw on dropdown , Click on '''Apply'''.
|| I will do this for '''x''' and '''y''' axes.
+
|| I will do this for both '''x''' and '''y''' axes.
  
 
|-
 
|-
 
|| Highlight graph.
 
|| Highlight graph.
|| These help to extend tick marks on both sides of graph or on one side.
+
|| These help to extend tick marks on both sides of the graph or on one side.
  
 
|-
 
|-
|| Hover mouse next to '''Grace: Axes > tick marks tab > Draw grid lines'''.  
+
|| Hover mouse next to '''Grace: Axes, tick marks tab, Draw grid lines'''.  
|| Let's select '''draw grid lines '''for x-axis.
+
|| Let's select '''Draw grid lines''' for x-axis.
  
 
|-
 
|-
|| Click on Draw grid lines check-box for '''Major ticks''' and '''Minor ticks''' >>
+
|| Click on Draw grid lines check-box for '''Major ticks''' and for '''Minor ticks'''.
 
Click on '''Apply'''.
 
Click on '''Apply'''.
|| Click on '''Draw grid lines''' check-box for Major ticks and for Minor ticks.  
+
|| Click on '''Draw grid lines''' check-box for '''Major ticks''' and for '''Minor ticks'''.  
 
Click on '''Apply'''.
 
Click on '''Apply'''.
  
 
|-
 
|-
|| Choose '''y''' axis in edit dropdown.
+
|| Choose '''y''' axis in the ‘’’Edit’’’ dropdown.
Check the box for '''Major ticks''' and '''Minor ticks'''  
+
Check the box for '''Major ticks''' and '''Minor ticks'''.
 
|| Select '''y''' axis in '''Edit''' Drop down.
 
|| Select '''y''' axis in '''Edit''' Drop down.
 +
 
Check box for '''major ticks''' and for '''minor ticks''', for '''y''' axis.
 
Check box for '''major ticks''' and for '''minor ticks''', for '''y''' axis.
  
Line 317: Line 321:
 
|| Click on '''Apply'''.
 
|| Click on '''Apply'''.
 
|| Click on '''Apply'''.
 
|| Click on '''Apply'''.
 +
 
This shows grids like a graph paper.
 
This shows grids like a graph paper.
  
 
|-
 
|-
|| Un-check grid box of '''Grace''': '''Axes''' > '''tick marks''' > '''Draw grid lines''' in major ticks, click on '''Apply'''
+
|| Un-check grid box of '''Grace: Axes''' tick marks > '''Draw grid lines''' in Major ticks and Minor ticks. Click on '''Apply'''.
|| I will uncheck the box for Major ticks and minor ticks grid.
+
|| I will uncheck the box for Major and minor ticks grid.
Click on '''Apply''' to remove the draw grid.
+
 
 +
Click on '''Apply''' to remove the grid.
  
 
|-
 
|-
 
|| Choose '''x''' axis in '''Edit''' dropdown.
 
|| Choose '''x''' axis in '''Edit''' dropdown.
Uncheck both '''Major and minor ticks''' grid box >> Click on '''Apply'''.
+
Uncheck both '''Major and minor ticks''' grid box and click on '''Apply'''.
|| I will do this for '''x''' and '''y''' axes.
+
|| I will do this for both '''x''' and '''y''' axes.
In the '''Edit '''drop-down choose, '''X axis'''.
+
 
 +
In the '''Edit''' drop-down choose, '''X axis'''.
  
 
|-
 
|-
Line 334: Line 341:
 
Click on '''Apply'''.
 
Click on '''Apply'''.
 
|| Uncheck the box for '''Major ticks and minor ticks'''.
 
|| Uncheck the box for '''Major ticks and minor ticks'''.
 +
 
Click on '''Apply''' to remove the grid.
 
Click on '''Apply''' to remove the grid.
  
 
|-
 
|-
 
|| Hover mouse over '''Axis Label & bar'''.
 
|| Hover mouse over '''Axis Label & bar'''.
|| Pause the video and try the following.
+
|| Please try the following.
 +
 
 
Under '''Axis Label & bar''' tab, change the font style and color of the font.
 
Under '''Axis Label & bar''' tab, change the font style and color of the font.
  
 
|-
 
|-
|| Click '''Close'''
+
|| Click on '''Close'''.
 
|| Click on '''Close''', to exit the '''Grace:Axes''' window and observe the changes.
 
|| Click on '''Close''', to exit the '''Grace:Axes''' window and observe the changes.
  
 
|-
 
|-
|| Go to '''Plot '''>>''' '''Select '''Graph Appearance'''.
+
|| Go to '''Plot''' and select '''Graph Appearance'''.
 
Point to the window.
 
Point to the window.
 
|| Let's add a title to the graph.  
 
|| Let's add a title to the graph.  
Go to '''Plot''' and select''' Graph Appearance'''.
+
 
'''Graph: Appearance''' window opens.
+
Go to '''Plot''' and select '''Graph Appearance'''.
 +
The '''Graph: Appearance''' window opens.
  
 
|-
 
|-
 
|| In '''Main''' tab, under '''Titles''', type '''Linear''' '''Graph'''.
 
|| In '''Main''' tab, under '''Titles''', type '''Linear''' '''Graph'''.
|| In the '''Main''' tab, go to the '''Titles''' section.  
+
|| In the '''Main''' tab, go to the '''Titles''' form.  
Type the title of the graph as''', Linear Graph'''.
+
Type the title of the graph as,'''Linear Graph'''.
  
 
|-
 
|-
Line 371: Line 381:
  
 
|-
 
|-
|| Point to the various colors are also available in color option.
+
|| Point to the various colors available in the color option.
|| Various colors are also available in color option.
+
|| Various colors are available in the color option.
  
 
|-
 
|-
|| Cursor on the dialogue box.
+
|| Cursor on the dialog box.
 
|| I will use the default values here.  
 
|| I will use the default values here.  
  
 
|-
 
|-
|| Click '''Close '''to exit.
+
|| Click '''Close''' to exit.
|| Click '''Close '''to exit'''. '''
+
|| Click on '''Close''' to exit.
 +
 
 +
Observe the changes in the plotted graph.
  
 
|-
 
|-
|| Click on '''File''' > '''Save as''',
+
|| Click on '''File, Save as'''.
 
|| Let us save the file with a different name.
 
|| Let us save the file with a different name.
Click on '''File''' > '''Save as''' to save the changes in the project.
+
 
 +
Click on '''File''', '''Save as''' to save the changes in the project.
  
 
|-
 
|-
|| Give file name '''2dplot.agr'''
+
|| Change directroy to '''Desktop'''.
Click on '''OK'''
+
|| Change to '''Desktop''' directroy.
 +
 
 +
|-
 +
|| Give file name '''2dplot.agr'''.
 +
Click on '''OK'''.
 
|| In the selection textbox change the file name.  
 
|| In the selection textbox change the file name.  
I will type, '''2dplot.agr''' and click on '''OK''' to save the project.
+
 
 +
I will type, '''2dplot dot agr''' and click on '''OK''' to save the project.
  
 
|-
 
|-
 
|| Click on '''File''', '''Exit'''
 
|| Click on '''File''', '''Exit'''
|| Select '''FIle, Exit''' in menu, to close '''Grace'''.
+
|| Select '''File''', '''Exit''' in menu, to close '''Grace'''.
  
 
|-
 
|-
Line 401: Line 419:
 
'''Summary'''
 
'''Summary'''
 
|| Now let's summarize. In this tutorial, we,
 
|| Now let's summarize. In this tutorial, we,
* Opened a '''Grace''' project
+
* Opened a '''Grace''' Project
* Changed graph properties like line style width, color
+
* Changed graph properties like line style, width and color
 
* Changed properties of symbols
 
* Changed properties of symbols
 
* Adjusted global limits
 
* Adjusted global limits
* Adjusted axis tick marks and grid
+
* Adjusted axis tick marks and grid and
 
* Added title to the plot
 
* Added title to the plot
  
Line 412: Line 430:
 
'''Assignment'''
 
'''Assignment'''
 
|| As an assignment,
 
|| As an assignment,
* Generate x-y data set to draw a parabola  
+
* Generate XY data set to draw a parabola.
* Use integer values between -8 to +8 and plot a graph in Grace
+
* Use integer values between -8 to +8 and plot a graph in '''Grace'''.
* Change color, add title and symbol
+
* Change color, add title and symbol.
* Hint: Chapter 11 NCERT class XI Mathematics textbook
+
  
 
|-
 
|-
Line 424: Line 441:
 
|| '''Slide Number 7'''
 
|| '''Slide Number 7'''
 
'''Spoken Tutorial Project'''
 
'''Spoken Tutorial Project'''
|| This video at the following link summarises the Spoken Tutorial Project.
+
|| This video at the following link summarises the '''Spoken Tutorial Project'''.
 
+
  
 
Please download and watch it.
 
Please download and watch it.
Line 432: Line 448:
 
|| '''Slide Number 8'''
 
|| '''Slide Number 8'''
 
'''Spoken Tutorial workshops'''
 
'''Spoken Tutorial workshops'''
|| The '''Spoken Tutorial Project '''team:
+
|| The '''Spoken Tutorial Project''' team:
 
* conducts workshops and gives certificates.
 
* conducts workshops and gives certificates.
 
* For more details please write to us.
 
* For more details please write to us.
Line 449: Line 465:
 
|-
 
|-
 
||  
 
||  
|| This is '''Rani '''from''' IIT Bombay'''
+
|| This is Rani from '''IIT Bombay'''
 
Thank you for joining.
 
Thank you for joining.
  
 
|-
 
|-
 
|}
 
|}

Latest revision as of 16:11, 28 October 2020

Visual Cue Narration
Slide Number 1

Title Slide

Welcome to the spoken tutorial on Creating a 2D graphical plot.
Slide Number 2

Learning Objectives

In this tutorial, we will learn to,
  • Open a Grace Project
  • Change the line style and width
  • Change symbol properties
  • Change the color of the line
  • Adjust global limits
  • Change axis ticks and draw grid and
  • Add title to the plot
Slide Number 3

System and Software Requirement

To record this tutorial, I am using
  • Ubuntu Linux 16.04 OS
  • Grace version 5.1.25 and
  • Gedit text editor 3.18.3
Slide Number 4

Pre-requisites https:\\spoken-tutorial.org

To follow this tutorial,
  • Learners should be familiar with the Grace interface.
  • For the pre-requisite tutorials, please visit this website.
A Grace project file, required for this tutorial is provided in the code files link.
Show file line.agr on Desktop. Let us go to the Desktop.

I have saved the Grace project file on my Desktop directory as line dot agr.

Cursor on the Ubuntu Desktop. Let us open Grace.
Press windows key. Press the Windows key on keyboard.
Type Grace and press Enter. Type grace in the search form and press Enter to open Grace.
Go to File, open.

Change directory to Desktop.

Go to File, Open to open a Grace project.

In the open project window, change directory to Desktop.

Point to the Selection box.

Select line.agr and click on OK to open the project.

Notice the file line dot agr in the selection box.

Select this file and click on OK to open the project.

Show the error message screenshot. You may get an error message on fonts.

Please close the alert pop-up dialog box.

Point at plot area to show straight line. We can see a graph representing the data.
Hover mouse to limits of x-y axes. X and Y limits on the graph have changed from 0 to 10.
Place cursor on the line, double click to open Grace: Set Appearance.

Click on X button to close.

Place the cursor on the line and double click to open Grace: Set Appearance window.

I will close this dialog box by clicking on the Close button.

Hover mouse over Plot menu, Click on Plot, set appearance This option can be also be opened using the menu bar.

Next, open the set appearance window. Go to Plot menu and select Set Appearance.

Move set appearance window to the side. I will drag the set appearance window for better view.
Hover mouse over Select set box. Since only a single dataset is loaded, it is highlighted in theSelect set text box.
Choose Main tab. Look at the various settings in the Main tab.
Hover mouse over line. By default a solid line plot appears in the graph.
Hover mouse next to line properties section. This style can be changed under the Line properties section.
Select dotted line option from Style drop-down.

Point to the dotted line on the interface.

To change the style of a line, click on the Style drop-down.

Select dotted line option.

Click on Apply. Click on the Apply button.

Notice that solid line has changed to dotted line.


Point cursor on triangles of adjust width of line. Click on up black triangles to increase or decrease the width.
Click on Apply. Click on the Apply button.
Select Color menu. We can change the colour of the line by selecting Color menu.
Choose red. I will choose red color.
Click on Apply. Click on the Apply button.
Point to the line. And observe the changes in the graph.
Hover mouse next to Symbol properties section. Next, let’s add symbols.
Select Symbol properties, Type dropdown. Under Symbol properties option, go to Type and click on the drop down.
Select Circle. Select the desired Symbol shape. I will select Circle.
Hover mouse on Size slider. To adjust the size of the symbol use the Size slider.
Drag the symbol size slider to 40. I will drag the symbol size slider to 40.
Click on the Apply button. Next, click on the Apply button.
Hover cursor next to line and symbol. Data points are represented as circles on the line.
Click on Symbols tab. Now click on Symbols tab to change symbol properties.
Click on Pattern drop-down, select Solid pattern picture to get filled symbol. Under Symbol fill, click on the Pattern drop-down.

Select the Solid pattern picture to get filled symbol.

Click on Apply. Click on the Apply button.
Point mouse at symbol skip option.

Click on the up or down arrow triangle.

If the data points are closely spaced, we can skip specified symbols for clarity.

Click on the arrow triangle of Symbol skip as required.

Click on Apply and click Close in the Grace: Set Appearance. Click on Close to exit the Grace: Set Appearance window.
Cursor on the plot. Now we will fine adjust global limits.
Adjust global limits under, Plot, Axis properties tab. Go to Plot and select Axis properties to open Grace: Axes dialog box.
In Edit drop-down choose, X axis. In the Edit drop-down, choose X axis.
Select start and stop of the x-axis limits to be displayed as -1 to 10. Select start and stop of the x-axis limits to be displayed as -1 to 10.
Click on Apply.

Place cursor on the Limits of x axis.

Click on the Apply button and observe the changes in the limits of the x axis.
Go to Axis label, label string and type x-axis . Next, let's add axis labels.

Under Axis Label, go to Label string text box, and type x-axis.

Click on Apply. Click on the Apply button to see the changes.
Type 4 for Major spacing and 2 for minor spacing of axis tick marks Under Tick properties, type 4 for Major spacing.

And type 2 for Minor ticks.

Click on the Apply button. Click on the Apply button.
Point to the graph. Notice the changes in the graph.


Under Edit drop-down, select Y axis. To format y-axis properties, select Y axis in Edit drop-down.
Type Start as -1, and End as 11.

Hover mouse next to y-axis.

Choose to Start at -1 and End at 11.

And click on the Apply button.

Axis limits of y-axis in the graph change accordingly.

In Label string type y-axis and click on Apply. In Label string textbox, type y-axis and click on Apply to add y-axis label.
Type 4 for Major spacing and 2 for minor spacing of axis tick marks. Next we will change Major spacing and Minor ticks.

Type 4 for Major spacing and 2 for Minor spacing of axis tick marks.

Click on Apply. Click on Apply.
Go to Under tick marks tab.

Point to the Pointing and Draw on drop downs.

Now we will go to Tick marks tab.

Under Tick marks tab, we can see Pointing and Draw on drop downs.

In Draw on drop down, choose Normal side. In the Draw on drop down choose tick marks on Normal side.
Click on Apply. Click on Apply.
Select Y axis, choose Normal side in Daw on dropdown , Click on Apply. I will do this for both x and y axes.
Highlight graph. These help to extend tick marks on both sides of the graph or on one side.
Hover mouse next to Grace: Axes, tick marks tab, Draw grid lines. Let's select Draw grid lines for x-axis.
Click on Draw grid lines check-box for Major ticks and for Minor ticks.

Click on Apply.

Click on Draw grid lines check-box for Major ticks and for Minor ticks.

Click on Apply.

Choose y axis in the ‘’’Edit’’’ dropdown.

Check the box for Major ticks and Minor ticks.

Select y axis in Edit Drop down.

Check box for major ticks and for minor ticks, for y axis.

Click on Apply. Click on Apply.

This shows grids like a graph paper.

Un-check grid box of Grace: Axes tick marks > Draw grid lines in Major ticks and Minor ticks. Click on Apply. I will uncheck the box for Major and minor ticks grid.

Click on Apply to remove the grid.

Choose x axis in Edit dropdown.

Uncheck both Major and minor ticks grid box and click on Apply.

I will do this for both x and y axes.

In the Edit drop-down choose, X axis.

Uncheck the box for Major ticks and minor ticks.

Click on Apply.

Uncheck the box for Major ticks and minor ticks.

Click on Apply to remove the grid.

Hover mouse over Axis Label & bar. Please try the following.

Under Axis Label & bar tab, change the font style and color of the font.

Click on Close. Click on Close, to exit the Grace:Axes window and observe the changes.
Go to Plot and select Graph Appearance.

Point to the window.

Let's add a title to the graph.

Go to Plot and select Graph Appearance. The Graph: Appearance window opens.

In Main tab, under Titles, type Linear Graph. In the Main tab, go to the Titles form.

Type the title of the graph as,Linear Graph.

Click on Apply.

Point to the title.

Click on Apply.
Under Titles tab, click on Various fonts and sizes available. Under Titles tab, notice the option to change the font type.
Point mouse to Character size change slider. Character size can be changed using the slider.
Point to the various colors available in the color option. Various colors are available in the color option.
Cursor on the dialog box. I will use the default values here.
Click Close to exit. Click on Close to exit.

Observe the changes in the plotted graph.

Click on File, Save as. Let us save the file with a different name.

Click on File, Save as to save the changes in the project.

Change directroy to Desktop. Change to Desktop directroy.
Give file name 2dplot.agr.

Click on OK.

In the selection textbox change the file name.

I will type, 2dplot dot agr and click on OK to save the project.

Click on File, Exit Select File, Exit in menu, to close Grace.
Slide Number 5

Summary

Now let's summarize. In this tutorial, we,
  • Opened a Grace Project
  • Changed graph properties like line style, width and color
  • Changed properties of symbols
  • Adjusted global limits
  • Adjusted axis tick marks and grid and
  • Added title to the plot
Slide Number 6

Assignment

As an assignment,
  • Generate XY data set to draw a parabola.
  • Use integer values between -8 to +8 and plot a graph in Grace.
  • Change color, add title and symbol.
Show the assignment The completed assignment should look similar to this.
Slide Number 7

Spoken Tutorial Project

This video at the following link summarises the Spoken Tutorial Project.

Please download and watch it.

Slide Number 8

Spoken Tutorial workshops

The Spoken Tutorial Project team:
  • conducts workshops and gives certificates.
  • For more details please write to us.
Slide Number 9

Forum for specific questions:

Please post your timed queries in this forum.
Slide Number 10

Acknowledgement

Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.

More information on this mission is available at this link.

This is Rani from IIT Bombay

Thank you for joining.

Contributors and Content Editors

Madhurig, PoojaMoolya, Ranipv076, Snehalathak