Difference between revisions of "GChemPaint/C3/Charts-in-GChemTable/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Click on Dash Home>>Type “gchemtable” in the serach bar that appears. Click on Dash Home. Type “gchemtable” in the search bar that appears.)
 
(7 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
Author: '''Madhuri Ganapathi'''
 
Author: '''Madhuri Ganapathi'''
  
Key words:'''Elemental Charts, Create Custom charts, video tutorial'''.
+
Key words: '''Elemental Charts, Create Custom charts, video tutorial'''.
  
  
Line 28: Line 28:
 
* How to create Custom Charts
 
* How to create Custom Charts
 
|-
 
|-
||Slide Number 3
+
||'''Slide Number 3'''
System Requirement
+
 
||For this tutorial, I am using:
+
'''System Requirement'''
Ubuntu Linux OS version 12.04.
+
||For this tutorial, I am using:
GChemPaint version 0.12.10
+
 
GChemTable version 0.12.10
+
'''Ubuntu Linux''' OS version 12.04.
 +
 
 +
'''GChemPaint''' version 0.12.10
 +
 
 +
'''GChemTable''' version 0.12.10
 
|-
 
|-
||Slide Number 4
+
||'''Slide Number 4'''
Pre-requisites
+
 
 +
'''Pre-requisites'''
 
||To follow this tutorial you should be familiar with
 
||To follow this tutorial you should be familiar with
* Periodic table of elements and
+
 
 +
* Periodic table of the elements and
  
 
* GChemPaint
 
* GChemPaint
  
For relevant tutorials on GChemPaint, please visit our website.
+
For relevant tutorials on ''' GChemPaint,''' please visit our website.
 
|-
 
|-
 
||  
 
||  
||
+
||Let's open a new '''GChemTable''' window.
Let's open a new GChemTable window.
+
 
+
 
|-
 
|-
||Click on Dash Home>>Type “gchemtable” in the serach bar that appears.
+
||Click on Dash Home>>
||Click on Dash Home.
+
  
Type “gchemtable” in the search bar that appears.
+
Type “gchemtable” in the serach bar that appears.
 +
||Click on '''Dash Home'''.
 +
 
 +
In the search bar that appears type “gchemtable”.  
 
|-
 
|-
||Click on Periodic table of the elements icon.
+
||Click on '''Periodic table of the elements''' icon.
||Click on Periodic table of the elements icon.
+
||Click on '''Periodic table of the elements''' icon.
 
|-
 
|-
||Go to View menu select Elements Charts.
+
||Click on '''View''' menu select '''Elements Charts'''.
 +
 
 
Point to the submenu.
 
Point to the submenu.
||Go to View menu select Element Charts.
+
||Click on '''View''' menu, select '''Element Charts'''.
  
 
A submenu opens, displaying a list of options.
 
A submenu opens, displaying a list of options.
 
|-
 
|-
||Click on Electronegativity.
+
||Click on '''Electro-negativity'''.
||Click on Electronegativity.
+
||Click on '''Electro-negativity'''.
 +
 
 +
A chart of '''Pauling Electro-negativity'''
  
A chart of Pauling Electronegativity versus Atomic number(Z) is displayed.
+
versus '''Atomic number(Z)''' is displayed.
 
|-
 
|-
 
||Point to the chart.
 
||Point to the chart.
||In the chart, highest Electronegativity value is '4'.
+
||In the chart, highest''' Electro-negativity''' value is '4'.
 
|-
 
|-
 
||Point to Close button.
 
||Point to Close button.
||I will now close the Electronegativity chart.
+
||I will close the '''Electro-negativity''' chart.
 
|-
 
|-
||Select Melting Point chart.
+
||Select '''Melting Point''' chart.
||Likewise, different charts are available under the View menu, Element charts option.
+
||Likewise, different charts are available under '''View''' menu,
  
I will select Melting Temperature option now.
+
'''Element charts'''.
|-
+
||
+
  
Point to the highest Melting Point.
+
I will select '''Melting Temperature''' chart.
 +
|-
 +
||Point to the highest Melting Point.
 
||A chart of Melting point versus Atomic number(Z) is displayed.
 
||A chart of Melting point versus Atomic number(Z) is displayed.
  
In this chart, Carbon has highest melting point.
+
In this chart, '''Carbon''' has highest melting point.
 
|-
 
|-
 
||Point to Close button.
 
||Point to Close button.
||I will close the Melting point chart now.
+
||I will close '''Melting point''' chart.
 
|-
 
|-
 
||
 
||
||
+
||Now, let's learn how to create a "Custom" chart.
Now, let's learn how to create a Custom chart.
+
 
|-
 
|-
||Go to View menu select Element Charts >>Navigate to Custom and click on it.
+
||Go to '''View''' menu select '''Element Chart'''s >>
||Go to View, select Element Charts and click on Custom.
+
 
 +
Navigate to Custom and click on it.
 +
||Go to '''View''', select '''Element Charts''' and
 +
 
 +
click on '''Custom'''.
 
|-
 
|-
||Point to Customize Chart window.
+
||Point to '''Customize Chart''' window.
Point to GChemTable Graph window  
+
 
||Customize Chart window and GChemTable Graph window appear on the screen.
+
Point to '''GChemTable Graph''' window  
 +
||'''Customize Chart''' window and
 +
 
 +
'''GChemTable Graph''' window appear on the screen.
 
|-
 
|-
||
+
||Point Customize Chart window.
||
+
 
Customize Chart window has Graph hierarchy tree on the left and Graph preview on the right.  
+
Point '''Graph hierarchy tree'''
 +
 
 +
Point to '''Graph preview'''
 +
||'''Customize Chart''' window has,
 +
 
 +
'''Graph hierarchy tree''' on the left and
 +
 
 +
'''Graph preview''' on the right.  
 
|-
 
|-
||Point to Graph hierarchy tree.
+
||Point to '''Graph hierarchy tree'''.
 +
 
 
Point to the Hierarchy.  
 
Point to the Hierarchy.  
 +
 
Point to the buttons.
 
Point to the buttons.
||Graph hierarchy tree displays the current graph components and their hierarchy.  
+
||'''Graph hierarchy tree''' displays
 +
 
 +
the current graph components and their hierarchy.  
  
Hierarchy can be modified using the buttons given in the panel below.
+
Hierarchy can be modified using the buttons given in the panel.
 
|-
 
|-
||Point to Graph preview.
+
||Point to '''Graph preview'''.
||Graph preview displays a scaled version of the modifications in the graph.  
+
||'''Graph preview''' displays,
 +
 
 +
a scaled version of the modifications in the graph.  
 
|-
 
|-
||Point to Graph and Chart1 in Graph hierarchy tree.
+
||Point to '''Graph''' and  
 +
 
 +
'''Chart1''' in '''Graph hierarchy tree'''.
 +
 
 
Point to Graph
 
Point to Graph
||In the Graph hierarchy tree, you can see Graph and Chart1.
+
||In the '''Graph hierarchy tree''',
By default, Graph is selected.
+
 
 +
you can see '''Graph''' and '''Chart1'''.
 +
 
 +
By default, '''Graph''' is selected.
 
|-
 
|-
 
||Move the cursor to the panel.
 
||Move the cursor to the panel.
Point to tabs Style and Theme.
+
 
 +
Point to tabs '''Style''' and '''Theme'''.
 
||Now let's move to the panel below.
 
||Now let's move to the panel below.
Here, there are two tabs: Style and Theme.
+
 
 +
Here, there are two tabs: '''Style''' and '''Theme'''.
 
|-
 
|-
||Point to Style tab.
+
||Point to '''Style''' tab.
Point to the headings Outline and Fill.
+
||By default, Style tab is selected.
+
  
Here we have two headings: Outline and Fill.
+
Point to the headings '''Outline''' and '''Fill'''.
 +
||By default, '''Style''' tab is selected.
 +
 
 +
Here we have two headings: '''Outline''' and '''Fill'''.
 
|-
 
|-
||Point to the drop downs Style, Color and Size.
+
||Point to the drop downs '''Style, Color''' and ''' Size'''.
||Outline heading has 3 drop downs, namely, Style, Color and Size.
+
||'''Outline''' heading has 3 drop downs, namely,  
  
These drop downs help to change the outline properties of the Graph.  
+
'''Style, Color''' and '''Size'''.
 +
 
 +
These drop downs help to change the outline properties of the '''Graph'''.  
 
|-
 
|-
||Click on Style drop down arrow >> Select Long Dash.
+
||Click on '''Style''' drop down arrow >>
||Click on Style drop down arrow and select any of the line styles shown.
+
 
                                                                              For eg- I will select Long dash.
+
Select '''Long Dash'''.
|-
+
||Click on '''Style''' drop down arrow and
||Click on Color drop down arrow >> Select Green color box
+
 
||Click on Color drop down arrow to view all the available colours. 
+
select any of the line styles shown.
I will select green colour.
+
 
 +
For eg- I will select '''Long dash'''.
 
|-
 
|-
||Click on Color drop down arrow >> Select Green color box
+
||Click on '''Color''' drop down arrow >>  
||Click on Color drop down arrow to view all the available colours. 
+
  
I will select green colour.
+
Select Green color box
 +
||Click on '''Color''' drop down arrow to view all the available colours. 
 +
 
 +
I will select 'green' colour.
 
|-
 
|-
||Move the cursor towards Graph preview.
+
||Click on "Size" drop down arrow and increase the size to “3.0”
||All changes can be seen in the Graph preview area.
+
||Click on "Size" scroller arrow and increase the size to “3.0” pts.
 
|-
 
|-
||Point to Fill.
+
||Move the cursor towards '''Graph preview'''.
 +
||All changes can be seen in the '''Graph preview area'''.
 +
|-
 +
||Point to '''Fill'''.
 +
 
 
Point to Type drop down button
 
Point to Type drop down button
||Next, let's look at Fill.
+
||Next, let's look at '''Fill'''.
Under Fill, we can see Type drop-down button.
+
 
 +
Under '''Fill''', we can see '''Type''' drop-down button.
 
|-
 
|-
||Click on Type field drop down button >> select Pattern.
+
||Click on '''Type''' field drop down button >> select '''Pattern'''.
||Click on Type drop-down button and select Pattern from the options list.
+
||Click on Type drop-down button and select '''Pattern'''.
 
|-
 
|-
||Point to the attributes Pattern,  Foreground and Background.
+
||Point to the attributes '''Pattern,  Foreground'''
||Attributes of the Pattern appear below.
+
  
These include Pattern, Foreground and Background   
+
and '''Background'''.
 +
||Attributes of '''Pattern''' appear below.
 +
 
 +
These include '''Pattern, Foreground''' and '''Background'''  
 
|-
 
|-
 
||Point to the drop downs.
 
||Point to the drop downs.
 
||Each attribute has a drop down that shows options to select from.
 
||Each attribute has a drop down that shows options to select from.
 
|-
 
|-
Click on Pattern drop down to select a pattern.
+
||Click on '''Pattern''' drop down to select a pattern.
||Click on Pattern drop-down to select a pattern of your choice.
+
||Click on''' Pattern''' drop-down,
 +
 
 +
to select a pattern of your choice.
 
|-
 
|-
||Click on Foreground  drop down to select green color.
+
||Click on '''Foreground''' drop down to select 'orange' color.
||Click on Foreground  drop-down to select 'orange' color.
+
||Click on '''Foreground''' drop-down to select 'orange' color.
 
|-
 
|-
||Click on Background  drop down to select green color.
+
||Click on '''Background''' drop down to select ''black' color.
||Click on Background  drop-down to select 'black' color.
+
||Click on '''Background''' drop-down to select ''black' color.
 
|-
 
|-
||Point to Theme tab
+
||Point to Graph preview area
||You can explore the Theme tab options on your own.
+
||Observe all the changes in the '''Graph preview area'''.
 
|-
 
|-
||Click Add button, Select Title to Chart1
+
||Point to  '''Theme''' tab
||Click on Add button and Select Title to Chart1 from the options list.
+
||You can explore the '''Theme''' tab options on your own.
 +
|-
 +
||click on Add button >> select Plot to Chart1.
 +
||Now let's select '''Chart1''' in '''Graph hierarchy tree'''.
 +
|-
 +
||Click '''Add''' button, Select '''Title to Chart1'''
 +
||Click on '''Add''' button.
 +
 
 +
Select '''Title to Chart1''' from the options list.
 +
|-
 +
||Point to the tabs.
 +
||A new set of tabs open below.
 
|-
 
|-
 
||Point to Data tab.
 
||Point to Data tab.
||By default, Data tab is selected.  
+
||By default, '''Data''' tab is selected.  
 
|-
 
|-
||Type as Atomic mass – Fustion Temperature.
+
||Type as '''Atomic mass – Fusion Temperature'''.
||In the Text field, type the title of the Chart.  
+
||In the '''Text''' field, type the title of the Chart.  
  
I will type the title as Atomic mass – Fusion Temperature.
+
I will type '''Atomic mass – Fusion Temperature'''.
 
|-
 
|-
||Click on Font tab.
+
||Click on '''Font''' tab.  
Move the cursor to Font, Font style and Size.
+
||Next, click on Font tab.  
+
  
Here you can change the Font type, Font style, font Size and font colour.
+
Move the cursor to '''Font, Font style''' '''Size''' and '''Color'''.
 +
||Click on '''Font''' tab.  
  
I will increase the size to 14 and change the colour to red.
+
Here you can change the '''Font''' type, '''Font style''', font '''Size''' and font '''Color'''.
 +
 
 +
I will increase font size to 14 and change the font color to 'maroon'.
 
|-
 
|-
||Click on Text tab.
+
||Click on '''Text''' tab.
||
+
||Click on '''Text''' tab.
Click on Text tab.
+
 
Here you can change Orientation of the text.
+
Here you can change '''Orientation''' of the text.
 
|-
 
|-
||Click directly on the preview area and change the orientation
+
||Click directly on the preview area and
Move the cursor to  Angle field drop down and scroll to 5 degrees.
+
 
 +
change the orientation
 +
 
 +
Move the cursor to  '''Angle''' field drop down and
 +
 
 +
scroll to 5 degrees.
 
||This can be done in 2 ways-
 
||This can be done in 2 ways-
1. One by clicking directly in the preview area... like this and
+
 
2. Two by changing the Angle field using the scroller.
+
1. One by clicking directly in the preview area...  
 +
 
 +
2. Two by changing the '''Angle''' field using the scroller.
 
|-
 
|-
||Click on Position tab.
+
||Click on '''Position''' tab.
 +
 
 
Point to the fields.
 
Point to the fields.
||Click on Position tab now.
+
||Click on '''Position''' tab.
  
 
I will leave the default values as they are.
 
I will leave the default values as they are.
 
|-
 
|-
||In Graph hierarchy tree select Chart1
+
||In '''Graph hierarchy tree''' select '''Chart1'''
||In the Graph hierarchy tree let's go back and click on Chart1
+
||In the '''Graph hierarchy tree''' let's go back and  
 +
 
 +
click on '''Chart1'''
 
|-
 
|-
||Point to the tabs Style, Position and Plot area.
+
||Point to the tabs '''Style, Position''' and '''Plot area'''.
||In the panel below, we have three tabs Style, Position and Plot area.
+
||In the panel below, three tabs,  
  
By default Style is selected.
+
'''Style, Position''' and '''Plot area''' are seen..
 +
 
 +
By default '''Style''' is selected.
 
|-
 
|-
||Under Fill >>
+
||Under '''Fill''' >>
Type drop down >> select Unicolor gradient.
+
 
||Let's go to Fill.
+
'''Type''' drop down >> select '''Unicolor gradient'''.
 +
||Let's go to '''Fill'''.
  
In the Type drop down, select Unicolor gradient.
+
In the '''Type''' drop down, select '''Unicolor gradient'''.
 
|-
 
|-
||Select Direction drop down >> select a direction.
+
||Select '''Direction''' drop down >> select a direction.
||Select Direction drop down and select a direction of your choice.
+
||Select '''Direction''' drop down and
 +
 
 +
select a direction of your choice.
 
|-
 
|-
||Select End drop down, select “orange” color.  
+
||Select '''End''' drop down, select “orange” color.  
||Select End drop down, select a colour of your choice.  
+
||Select ''' End''' drop down and
 +
 
 +
select a colour of your choice.  
 
|-
 
|-
||Drag the Brightness slider.
+
||Drag the '''Brightness''' slider.
||Drag the “Brightness” slider to increase the brightness of the gradient.
+
||Drag the “Brightness” slider,
 +
 
 +
to increase the brightness of the gradient.
 
|-
 
|-
 
||Assignment
 
||Assignment
||Explore the options in Position and Plot area tabs on your own.
+
||Explore the options in '''Position''' and  
 +
 
 +
'''Plot area''' tabs on your own.
 
|-
 
|-
||Click on Add button >> select Plot to Chart1.
+
||Click on '''Add''' button >> select '''Plot to Chart1'''.
||Now let's click on Add button once again and select Plot to Chart1 option.
+
||Now let's click on '''Add''' button.
 +
 
 +
Select '''Plot to Chart1''' option.
 
|-
 
|-
 
||Point to the submenu and the chart types.
 
||Point to the submenu and the chart types.
||A submenu opens with various types of charts, namely, XY, Bubble, ColoredXY and DropBar.
+
||A submenu opens with various types of charts, namely,
 +
 
 +
'''XY, Bubble, ColoredXY''' and '''DropBar'''.
 
|-
 
|-
 
||Point to chart types.
 
||Point to chart types.
 
||Each type of Chart has various subchart options.
 
||Each type of Chart has various subchart options.
 
|-
 
|-
||Point to  XY Lines chart.
+
||Point to  '''XY Lines''' chart.
||Let's choose XY and XY Lines chart option.
+
||Let's choose '''XY''' and '''XY Lines''' chart option.
 
|-
 
|-
 
||Point to the new tabs.
 
||Point to the new tabs.
Point to Style tab.
+
 
 +
Point to '''Style''' tab.
 
||A new set of tabs open below.
 
||A new set of tabs open below.
  
By default, Style tab is selected.
+
By default, '''Style''' tab is selected.
 
|-
 
|-
||Point to Interpolation.
+
||Point to  
||Go to Interpolation.
+
 
 +
"Interpolation"
 +
 
 +
||Go to '''Interpolation'''
 
|-
 
|-
||Click on Type scroller>>Select “Bezier cubic spline”
+
||Click on '''Type''' scroller>>
||Click on Type scroller and Select “Bezier cubic spline”
+
 
 +
Select “Bezier cubic spline”
 +
||Click on '''Type''' scroller and
 +
 
 +
Select “Bezier cubic spline”
 
|-
 
|-
||Go to Fill>>In the Type scroller select “Bicolor gradient”
+
||Go to '''Fill'''>>In the Type scroller  
||Go to Fill.
+
 
 +
select “Bicolor gradient”
 +
||Go to '''Fill'''.
  
 
In the Type scroller select “Bicolor gradient”
 
In the Type scroller select “Bicolor gradient”
 
|-
 
|-
||Click on Data tab.
+
||Click on '''Data''' tab.
Type name of the chart as Atomic-mass Vs Fusion temperature.
+
||Click on Data tab.
+
  
Type name of the chart as Atomic-mass Vs Fusion temperature.
+
Type name of the chart as,
 +
 
 +
'''Atomic-mass Vs Fusion temperature'''.
 +
||Click on '''Data''' tab.
 +
 
 +
Type name of the chart as,
 +
 
 +
'''Atomic-mass Vs(versus)Fusion temperature'''.
 
|-
 
|-
||
+
||Point to the selection.
Point to the selection.
+
||X: I will select '''Atomic mass''' on X axis.
||
+
 
X: I will select Atomic mass on X axis.
+
Y: I will select  '''Fusion temperature''' on Y axis.
Y: I will select  Fusion temperature on Y axis.
+
 
|-
 
|-
||Click on Markers tab.
+
||Click on '''Markers''' tab.
||Click on Markers tab.
+
||Click on '''Markers''' tab.
Markers are used to mark points on the chart.
+
 
 +
'Markers' are used to mark points on the chart.
 
|-
 
|-
||Point to Shape, Fill, Outline and Size.
+
||Point to Shape, '''Fill, Outline''' and '''Size'''.
||Under Marker heading  we have Shape, Fill, Outline and Size fields.
+
||Under '''Marker''' heading  we have  
 +
 
 +
'''Shape, Fill, Outline''' and '''Size'''.
 
|-
 
|-
 
||Shape >> Circle
 
||Shape >> Circle
  
Colour >> blue
+
Colour >>'brown'
||Let's select Shape as circle.
+
||Let's select Shape as '''circle'''.
  
Select Fill color as blue and leave the others as default.
+
Select '''Fill''' color as 'brown' and
 +
 
 +
leave the others as default.
 
|-
 
|-
|| Click on Apply button.
+
|| Click on '''Apply''' button.
  
 
Move the cursor on the chart.
 
Move the cursor on the chart.
||Now let us click on Apply button.
+
||Now let us click on '''Apply''' button.
  
The required chart is displayed on GChemTable Graph window.
+
The required chart is displayed on  
 +
 
 +
'''GChemTable Graph''' window.
 
|-
 
|-
 
||
 
||
 
||Let's now save this chart as an image.
 
||Let's now save this chart as an image.
 
|-
 
|-
||Click on the GChemTable Graph window.
+
||Click on the '''GChemTable Graph''' window.
 
||First click on the GChemTable Graph window.
 
||First click on the GChemTable Graph window.
 
|-
 
|-
 
||Click on  File >> Save As Image
 
||Click on  File >> Save As Image
||Select File and click on Save As Image option.
+
||Select '''File''' and  
 +
 
 +
click on '''Save As Image''' option.
 
|-
 
|-
||Save As Image dialog box opens.
+
||'''Save As Image''' dialog box opens.
||Save As Image dialog box opens.
+
||'''Save As Image''' dialog box opens.
 
|-
 
|-
||Select File type >> PS document.
+
||Select File type >> '''PS document'''.
||Select the File type as PS document.
+
||Select the '''File type''' as '''PS document'''.
 
|-
 
|-
 
||Type “my-custom-chart”.
 
||Type “my-custom-chart”.
||Type the file name of your choice. I will type “my-custom-chart”.
+
||Type the file name of your choice.
 +
 
 +
I will type “my-custom-chart”.
 
|-
 
|-
||Click on Desktop
+
||Click on '''Desktop'''
||I will select Desktop as the location to save my file.
+
||I will select '''Desktop''' as the location to save my file.
 
|-
 
|-
||Click on Save
+
||Click on '''Save'''
||Click on Save button
+
||Click on '''Save''' button
 
|-
 
|-
 
||Point to the saved document.
 
||Point to the saved document.
Right-click on the file >> choose the option Open with Document Viewer.
+
 
 +
Right-click on the file >>  
 +
 
 +
choose the option '''Open with Document Viewer'''.
 
||Here is my saved document.
 
||Here is my saved document.
Right-click on the file and choose the option Open with Document Viewer.
+
 
 +
Right-click on the file and  
 +
 
 +
choose the option '''Open with Document Viewer'''.
  
 
Here is my graph.
 
Here is my graph.
Line 337: Line 456:
 
||Let's summarize.
 
||Let's summarize.
 
|-
 
|-
||Slide Number 5
+
||'''Slide Number 5'''
Summary
+
 
 +
'''Summary'''
 
||In this tutorial, we have learnt about-
 
||In this tutorial, we have learnt about-
 +
 
Elemental Charts of  
 
Elemental Charts of  
 +
 
1. Electronegativity
 
1. Electronegativity
 +
 
2. Melting Point
 
2. Melting Point
and how to create Custom Charts
+
 
 +
and how to create '''Custom Charts'''
 
|-
 
|-
||Slide Number 6
+
||'''Slide Number 6'''
Assignment
+
 
 +
'''Assignment'''
 
||Here is an assignment for you.
 
||Here is an assignment for you.
  
 
Explore
 
Explore
 +
 
1. Different Element charts.
 
1. Different Element charts.
 +
 
2. Other XY chart types
 
2. Other XY chart types
3. Bubble, ColoredXY and DropBar chart types and
+
 
4. Save the charts in SVG and PDF file formats.
+
3. "Bubble", "ColoredXY" and "DropBar" chart types and
 +
 
 +
4. Save the charts in "SVG" and "PDF" file formats.
 
|-
 
|-
 
||'''Slide Number 7'''
 
||'''Slide Number 7'''
Line 387: Line 516:
 
|-
 
|-
 
||
 
||
||This is '''Madhuri Ganapathi''' from '''IIT Bombay''' signing off. Thank you for joining.  
+
||This is '''Madhuri Ganapathi''' from '''IIT Bombay''' signing off.  
 +
 
 +
Thank you for joining.  
 
|-
 
|-

Latest revision as of 10:36, 26 May 2014

Title of the tutorial: Charts in GChemTable

Author: Madhuri Ganapathi

Key words: Elemental Charts, Create Custom charts, video tutorial.


Visual Cue Narration

Slide Number 1

Title Slide

Hello everyone.

Welcome to this tutorial on Charts in GChemTable.

Slide Number 2

Learning Objectives

In this tutorial, we will learn about,
  • Elemental Charts and
  • How to create Custom Charts
Slide Number 3

System Requirement

For this tutorial, I am using:

Ubuntu Linux OS version 12.04.

GChemPaint version 0.12.10

GChemTable version 0.12.10

Slide Number 4

Pre-requisites

To follow this tutorial you should be familiar with
  • Periodic table of the elements and
  • GChemPaint

For relevant tutorials on GChemPaint, please visit our website.

Let's open a new GChemTable window.
Click on Dash Home>>

Type “gchemtable” in the serach bar that appears.

Click on Dash Home.

In the search bar that appears type “gchemtable”.

Click on Periodic table of the elements icon. Click on Periodic table of the elements icon.
Click on View menu select Elements Charts.

Point to the submenu.

Click on View menu, select Element Charts.

A submenu opens, displaying a list of options.

Click on Electro-negativity. Click on Electro-negativity.

A chart of Pauling Electro-negativity

versus Atomic number(Z) is displayed.

Point to the chart. In the chart, highest Electro-negativity value is '4'.
Point to Close button. I will close the Electro-negativity chart.
Select Melting Point chart. Likewise, different charts are available under View menu,

Element charts.

I will select Melting Temperature chart.

Point to the highest Melting Point. A chart of Melting point versus Atomic number(Z) is displayed.

In this chart, Carbon has highest melting point.

Point to Close button. I will close Melting point chart.
Now, let's learn how to create a "Custom" chart.
Go to View menu select Element Charts >>

Navigate to Custom and click on it.

Go to View, select Element Charts and

click on Custom.

Point to Customize Chart window.

Point to GChemTable Graph window

Customize Chart window and

GChemTable Graph window appear on the screen.

Point Customize Chart window.

Point Graph hierarchy tree

Point to Graph preview

Customize Chart window has,

Graph hierarchy tree on the left and

Graph preview on the right.

Point to Graph hierarchy tree.

Point to the Hierarchy.

Point to the buttons.

Graph hierarchy tree displays

the current graph components and their hierarchy.

Hierarchy can be modified using the buttons given in the panel.

Point to Graph preview. Graph preview displays,

a scaled version of the modifications in the graph.

Point to Graph and

Chart1 in Graph hierarchy tree.

Point to Graph

In the Graph hierarchy tree,

you can see Graph and Chart1.

By default, Graph is selected.

Move the cursor to the panel.

Point to tabs Style and Theme.

Now let's move to the panel below.

Here, there are two tabs: Style and Theme.

Point to Style tab.

Point to the headings Outline and Fill.

By default, Style tab is selected.

Here we have two headings: Outline and Fill.

Point to the drop downs Style, Color and Size. Outline heading has 3 drop downs, namely,

Style, Color and Size.

These drop downs help to change the outline properties of the Graph.

Click on Style drop down arrow >>

Select Long Dash.

Click on Style drop down arrow and

select any of the line styles shown.

For eg- I will select Long dash.

Click on Color drop down arrow >>

Select Green color box

Click on Color drop down arrow to view all the available colours.

I will select 'green' colour.

Click on "Size" drop down arrow and increase the size to “3.0” Click on "Size" scroller arrow and increase the size to “3.0” pts.
Move the cursor towards Graph preview. All changes can be seen in the Graph preview area.
Point to Fill.

Point to Type drop down button

Next, let's look at Fill.

Under Fill, we can see Type drop-down button.

Click on Type field drop down button >> select Pattern. Click on Type drop-down button and select Pattern.
Point to the attributes Pattern, Foreground

and Background.

Attributes of Pattern appear below.

These include Pattern, Foreground and Background

Point to the drop downs. Each attribute has a drop down that shows options to select from.
Click on Pattern drop down to select a pattern. Click on Pattern drop-down,

to select a pattern of your choice.

Click on Foreground drop down to select 'orange' color. Click on Foreground drop-down to select 'orange' color.
Click on Background drop down to select black' color. Click on Background drop-down to select black' color.
Point to Graph preview area Observe all the changes in the Graph preview area.
Point to Theme tab You can explore the Theme tab options on your own.
click on Add button >> select Plot to Chart1. Now let's select Chart1 in Graph hierarchy tree.
Click Add button, Select Title to Chart1 Click on Add button.

Select Title to Chart1 from the options list.

Point to the tabs. A new set of tabs open below.
Point to Data tab. By default, Data tab is selected.
Type as Atomic mass – Fusion Temperature. In the Text field, type the title of the Chart.

I will type Atomic mass – Fusion Temperature.

Click on Font tab.

Move the cursor to Font, Font style Size and Color.

Click on Font tab.

Here you can change the Font type, Font style, font Size and font Color.

I will increase font size to 14 and change the font color to 'maroon'.

Click on Text tab. Click on Text tab.

Here you can change Orientation of the text.

Click directly on the preview area and

change the orientation

Move the cursor to Angle field drop down and

scroll to 5 degrees.

This can be done in 2 ways-

1. One by clicking directly in the preview area...

2. Two by changing the Angle field using the scroller.

Click on Position tab.

Point to the fields.

Click on Position tab.

I will leave the default values as they are.

In Graph hierarchy tree select Chart1 In the Graph hierarchy tree let's go back and

click on Chart1

Point to the tabs Style, Position and Plot area. In the panel below, three tabs,

Style, Position and Plot area are seen..

By default Style is selected.

Under Fill >>

Type drop down >> select Unicolor gradient.

Let's go to Fill.

In the Type drop down, select Unicolor gradient.

Select Direction drop down >> select a direction. Select Direction drop down and

select a direction of your choice.

Select End drop down, select “orange” color. Select End drop down and

select a colour of your choice.

Drag the Brightness slider. Drag the “Brightness” slider,

to increase the brightness of the gradient.

Assignment Explore the options in Position and

Plot area tabs on your own.

Click on Add button >> select Plot to Chart1. Now let's click on Add button.

Select Plot to Chart1 option.

Point to the submenu and the chart types. A submenu opens with various types of charts, namely,

XY, Bubble, ColoredXY and DropBar.

Point to chart types. Each type of Chart has various subchart options.
Point to XY Lines chart. Let's choose XY and XY Lines chart option.
Point to the new tabs.

Point to Style tab.

A new set of tabs open below.

By default, Style tab is selected.

Point to

"Interpolation"

Go to Interpolation
Click on Type scroller>>

Select “Bezier cubic spline”

Click on Type scroller and

Select “Bezier cubic spline”

Go to Fill>>In the Type scroller

select “Bicolor gradient”

Go to Fill.

In the Type scroller select “Bicolor gradient”

Click on Data tab.

Type name of the chart as,

Atomic-mass Vs Fusion temperature.

Click on Data tab.

Type name of the chart as,

Atomic-mass Vs(versus)Fusion temperature.

Point to the selection. X: I will select Atomic mass on X axis.

Y: I will select Fusion temperature on Y axis.

Click on Markers tab. Click on Markers tab.

'Markers' are used to mark points on the chart.

Point to Shape, Fill, Outline and Size. Under Marker heading we have

Shape, Fill, Outline and Size.

Shape >> Circle

Colour >>'brown'

Let's select Shape as circle.

Select Fill color as 'brown' and

leave the others as default.

Click on Apply button.

Move the cursor on the chart.

Now let us click on Apply button.

The required chart is displayed on

GChemTable Graph window.

Let's now save this chart as an image.
Click on the GChemTable Graph window. First click on the GChemTable Graph window.
Click on File >> Save As Image Select File and

click on Save As Image option.

Save As Image dialog box opens. Save As Image dialog box opens.
Select File type >> PS document. Select the File type as PS document.
Type “my-custom-chart”. Type the file name of your choice.

I will type “my-custom-chart”.

Click on Desktop I will select Desktop as the location to save my file.
Click on Save Click on Save button
Point to the saved document.

Right-click on the file >>

choose the option Open with Document Viewer.

Here is my saved document.

Right-click on the file and

choose the option Open with Document Viewer.

Here is my graph.

Let's summarize.
Slide Number 5

Summary

In this tutorial, we have learnt about-

Elemental Charts of

1. Electronegativity

2. Melting Point

and how to create Custom Charts

Slide Number 6

Assignment

Here is an assignment for you.

Explore

1. Different Element charts.

2. Other XY chart types

3. "Bubble", "ColoredXY" and "DropBar" chart types and

4. Save the charts in "SVG" and "PDF" file formats.

Slide Number 7

Acknowledgement

Watch the video available at this URL.

http://spoken-tutorial.org/What_is_a_Spoken_ Tutorial

It summarizes the Spoken Tutorial project

If you do not have good bandwidth, you can download and watch it

Slide Number 8 The Spoken Tutorial Project Team:

Conducts workshops using spoken tutorials

Gives certificates to those who pass an on-line test

For more details, please write to

contact@spoken-tutorial.org

Slide number 9 Spoken Tutorial Project is a part of the Talk to a Teacher project

It is supported by the National Mission on Education through ICT, MHRD, Government of India

More information on this Mission is available at this link

http://spoken-tutorial.org/NMEICT-Intro]

This is Madhuri Ganapathi from IIT Bombay signing off.

Thank you for joining.

Contributors and Content Editors

Madhurig