spacer Interactive Earth - web design, fine art, science curriculum and graphic design spacer
spacer spacer spacer spacer spacer spacer

Portfolio

Design Tools

Teaching Resources

Fine Art

Contact

Home

 

spacer spacer

ie Graph - User's Manual (free version)

Free graphing toolUsed by HandsontheLand.org's environmental monitoring pages, this Flash-based graphing tool is available for free. Please contact Interactive Earth for a customized version or implementation consultation.

System Requirements

The free Macromedia Flash Player version 6.0 or greater is required for the use of this tool.

Features

Date x-axis

Automatically distributes dates across the x-axis in real-time layout. Dates must be entered from earliest to latest in parameter setting (see Using the Tool below).

Numeric y-axis

Automatically distributes numeric values across y-axis. Y-axis limits may be preset for a defined range of values.

Four datasets

Enter up to four color-coded datasets.

Using the Tool

Save ie_graph.swf and place it in the same folder as the HTML viewing file which contains the source code below. The data for your graph will be entered as parameters in two places within the code. By entering i tin the HTML file, it will load dynamically each time a user refreshes their browser.

This following source code must be placed in the HTML viewing file. The "Flashvars" variables must be entered in two locations as seen below:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
     codebase="http://download.macromedia.com/pub/shockwave/cabs/
     flash/swflash.cab#version=6,0,29,0" width="534" height="448">
  <param name="movie" value="ie_graph.swf">
  <param name="quality" value="high"><param name="SCALE"
       value="exactfit">
  <param name="FlashVars" value="datafile=6/23/2004|1^6/29/2004|1^
       7/7/2004|3^ 7/15/2004|3^7/26/2004|3^9/3/2004|3^9/13/2004|3
       &data_file_title=c of leaf 1a of CB0104 at Purchase Knob
       &datafile2=6/23/2004|1^6/29/2004|1^7/7/2004|2
       &data_file_title2=c of leaf 1a of CB0204 at Purchase
       Knob&datafile3=6/23/2004|1^6/29/2004|2^7/7/2004|4^8/25/2004|6^
       9/1/2004|10&data_file_title3=c of leaf 1a of CB0304 at Purchase Knob
       &graph_title=Ozone Bio-monitoring Graph&highest=10&lowest=0&other_info=
       Values represent a predefined NPS scale.">
  <embed src="ie_graph.swf" width="534" height="448" quality="high"
       flashvars="datafile=6/23/2004|1^6/29/2004|1^
       7/7/2004|3^ 7/15/2004|3^7/26/2004|3^9/3/2004|3^9/13/2004|3
       &data_file_title=c of leaf 1a of CB0104 at PurchaseKnob
       &datafile2=6/23/2004|1^6/29/2004|1^7/7/2004|2
       &data_file_title2=c of leaf 1a of CB0204 at Purchase Knob
       &datafile3=6/23/2004|1^6/29/2004|2^7/7/2004|4^8/25/2004|6^
       9/1/2004|10&data_file_title3=c of leaf 1a of CB0304 at Purchase Knob
       &graph_title=Ozone Bio-monitoring Graph&highest=auto&lowest=0&other_info=
       Values represent a predefined NPS scale"
       pluginspage="http://www.macromedia.com/"
       type="application/x-shockwave-flash" scale="exactfit">
   </embed>
</object>

In this example, two datasets are graphed from the example provided. Up to four datasets can be included: datafile, datafile2, datafile3 and datafile4. The content of the FlashVars parameter must be in the standard MIME format application/x-www-form-urlencoded (a standard format used by CGI scripts). Individual variables are delineated by an "&" and are outlined below:

datafile=earliest date in first dataset [format 01/31/2005 or 01/31/05]|numeric value^next date|numeric value^...
data_file_title=title of first dataset
datafileN=... [up to four datasets may be included]
datafile_titleN=... [up to four dataset titles may be included]
graph_title=Title of Graph
highest=auto [numeric value representing the highest number on y-axis or enter "auto" for automatic configuration]
lowest=0 [numeric value representing the lowest number on y-axis or enter "auto" for automatic configuration]
other_info=units [a one line bottom label, unit info, etc.]

Modify the variables above to represent your data. Each data group within a dataset is delineated by a "^". Data within a data group is delineated by a "|". The final entry within a dataset should not be terminated with a "^". Since the data is embeded in an HTML file, do not enter any quotation marks or "><" characters within any of the parameters.

 

spacer spacer
spacer
spacer
 Interactive Earth
 620 W. 13th Street
 Port Angeles, WA 98362
 (360) 452-4426
 Contact us  
Dove 
Developing interactive media since 1993
spacer
spacer spacer spacer spacer spacer spacer spacer