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

From Script | Spoken-Tutorial
Jump to: navigation, search
 
(3 intermediate revisions by the same user not shown)
Line 31: Line 31:
  
 
'''System Requirement'''
 
'''System Requirement'''
||For this tutorial, I am using:
+
||For this tutorial, I am using:
  
'''Ubuntu Linux''' OS version 12.04.
+
'''Ubuntu Linux''' OS version 12.04.
  
'''GChemPaint''' version 0.12.10
+
'''GChemPaint''' version 0.12.10
  
 
'''GChemTable''' version 0.12.10
 
'''GChemTable''' version 0.12.10
Line 44: Line 44:
 
||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
Line 56: Line 56:
  
 
Type “gchemtable” in the serach bar that appears.
 
Type “gchemtable” in the serach bar that appears.
||Click on Dash Home.
+
||Click on '''Dash Home'''.
  
Type “gchemtable” in the search bar that appears.
+
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.
Line 73: Line 73:
 
||Click on '''Electro-negativity'''.
 
||Click on '''Electro-negativity'''.
  
A chart of '''Pauling Electro-negativity''' versus '''Atomic number(Z)''' is displayed.
+
A chart of '''Pauling Electro-negativity'''
 +
 
 +
versus '''Atomic number(Z)''' is displayed.
 
|-
 
|-
 
||Point to the chart.
 
||Point to the chart.
Line 79: Line 81:
 
|-
 
|-
 
||Point to Close button.
 
||Point to Close button.
||I will now close the '''Electro-negativity''' chart.
+
||I will close the '''Electro-negativity''' chart.
 
|-
 
|-
 
||Select '''Melting Point''' chart.
 
||Select '''Melting Point''' chart.
 
||Likewise, different charts are available under '''View''' menu,
 
||Likewise, different charts are available under '''View''' menu,
  
'''Element charts''' option.
+
'''Element charts'''.
  
I will select '''Melting Temperature''' option now.
+
I will select '''Melting Temperature''' chart.
 
|-
 
|-
 
||Point to the highest Melting Point.
 
||Point to the highest Melting Point.
Line 94: Line 96:
 
|-
 
|-
 
||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 >>
+
||Go to '''View''' menu select '''Element Chart'''s >>
  
 
Navigate to Custom and click on it.
 
Navigate to Custom and click on it.
Line 133: Line 135:
 
the current graph components and their hierarchy.  
 
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'''.
Line 140: Line 142:
 
a scaled version of the modifications in the graph.  
 
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
Line 164: Line 168:
 
|-
 
|-
 
||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,  
+
||'''Outline''' heading has 3 drop downs, namely,  
  
 
'''Style, Color''' and '''Size'''.
 
'''Style, Color''' and '''Size'''.
  
These drop downs help to change outline properties of the '''Graph'''.  
+
These drop downs help to change the outline properties of the '''Graph'''.  
 
|-
 
|-
 
||Click on '''Style''' drop down arrow >>
 
||Click on '''Style''' drop down arrow >>
Line 175: Line 179:
 
||Click on '''Style''' drop down arrow and
 
||Click on '''Style''' drop down arrow and
  
select any of the line styles shown.
+
select any of the line styles shown.
                                                                              For eg- I will select '''Long dash'''.
+
 
 +
For eg- I will select '''Long dash'''.
 
|-
 
|-
 
||Click on '''Color''' drop down arrow >>  
 
||Click on '''Color''' drop down arrow >>  
  
 
Select Green color box
 
Select Green color box
||Click on Color drop down arrow to view all the available colours.   
+
||Click on '''Color''' drop down arrow to view all the available colours.   
  
I will select green colour.
+
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'''.
 
||Move the cursor towards '''Graph preview'''.
Line 196: Line 204:
 
|-
 
|-
 
||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  
+
||Click on Type drop-down button and select '''Pattern'''.
 
+
select '''Pattern''' from the options list.
+
 
|-
 
|-
 
||Point to the attributes '''Pattern,  Foreground'''
 
||Point to the attributes '''Pattern,  Foreground'''
Line 211: Line 217:
 
|-
 
|-
 
||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 'orange' 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 'green' 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
 
||Point to  '''Theme''' tab
 
||You can explore the '''Theme''' tab options on your own.
 
||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 '''Add''' button, Select '''Title to Chart1'''
||Click on '''Add''' button and
+
||Click on '''Add''' button.
  
Select '''Title to Chart1''' from the options list.
+
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.
Line 231: Line 248:
 
|-
 
|-
 
||Type as '''Atomic mass – Fusion 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'''.
+
Move the cursor to '''Font, Font style''' '''Size''' and '''Color'''.
||Next, click on '''Font''' tab.  
+
||Click on '''Font''' tab.  
 
+
Here you can change
+
  
'''Font type, Font style, font Size''' and '''Font color'''.
+
Here you can change the '''Font''' type, '''Font style''', font '''Size''' and font '''Color'''.
  
I will increase the size to 14 and change the colour to 'red'.
+
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
+
1. One by clicking directly in the preview area...  
  
 
2. Two by changing the '''Angle''' field using the scroller.
 
2. Two by changing the '''Angle''' field using the scroller.
Line 263: Line 282:
  
 
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.
Line 273: Line 292:
 
|-
 
|-
 
||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,  
+
||In the panel below, three tabs,  
  
'''Style, Position''' and '''Plot area'''.
+
'''Style, Position''' and '''Plot area''' are seen..
  
 
By default '''Style''' is selected.
 
By default '''Style''' is selected.
Line 282: Line 301:
  
 
'''Type''' drop down >> select '''Unicolor gradient'''.
 
'''Type''' drop down >> select '''Unicolor gradient'''.
||Let's go to Fill.
+
||Let's go to '''Fill'''.
  
 
In the '''Type''' drop down, select '''Unicolor gradient'''.
 
In the '''Type''' drop down, select '''Unicolor gradient'''.
Line 292: Line 311:
 
|-
 
|-
 
||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.
Line 305: Line 326:
 
|-
 
|-
 
||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
+
||Now let's click on '''Add''' button.
  
select Plot to Chart1 option.
+
Select '''Plot to Chart1''' option.
 
|-
 
|-
 
||Point to the submenu and the chart types.
 
||Point to the submenu and the chart types.
Line 318: Line 339:
 
|-
 
|-
 
||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.
Line 340: Line 361:
 
Select “Bezier cubic spline”
 
Select “Bezier cubic spline”
 
|-
 
|-
||Go to '''Fill'''>>In the Type scroller select “Bicolor gradient”
+
||Go to '''Fill'''>>In the Type scroller  
 +
 
 +
select “Bicolor gradient”
 
||Go to '''Fill'''.
 
||Go to '''Fill'''.
  
Line 347: Line 370:
 
||Click on '''Data''' tab.
 
||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.
 
||Click on '''Data''' tab.
  
Type name of the chart as '''Atomic-mass Vs Fusion temperature'''.
+
Type name of the chart as,
 +
 
 +
'''Atomic-mass Vs(versus)Fusion temperature'''.
 
|-
 
|-
 
||Point to the selection.
 
||Point to the selection.
Line 360: Line 387:
 
||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  
+
||Under '''Marker''' heading  we have  
  
'''Shape, Fill, Outline''' and '''Size''' fields.
+
'''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
+
Select '''Fill''' color as 'brown' and
  
 
leave the others as default.
 
leave the others as default.
Line 440: Line 467:
 
2. Melting Point
 
2. Melting Point
  
and how to create Custom Charts
+
and how to create '''Custom Charts'''
 
|-
 
|-
 
||'''Slide Number 6'''
 
||'''Slide Number 6'''
Line 453: Line 480:
 
2. Other XY chart types
 
2. Other XY chart types
  
3. Bubble, ColoredXY and DropBar chart types and
+
3. "Bubble", "ColoredXY" and "DropBar" chart types and
  
 
4. Save the charts in "SVG" and "PDF" file formats.
 
4. Save the charts in "SVG" and "PDF" file formats.
Line 489: 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