<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" xmlns:local="*"
    xmlns:degrafa="com.degrafa.*" xmlns:g="com.degrafa.geometry.*" xmlns:paint="com.degrafa.paint.*"
    creationComplete="newData()" paddingTop="20" viewSourceURL="srcview/index.html">
<mx:Script>
<![CDATA[
import mx.effects.easing.*;

public function newData():void {
    var dArray:Array = [];
    for( var i:Number = 0; i < 30; i++ ) {
        dArray.push( Math.random() * 100 );
    }
    myGraph.data = dArray;
}    
]]>
</mx:Script>
    <local:dgGraph id="myGraph" width="400" height="300">
    <local:dataChangeEffect>
        <mx:AnimateProperty fromValue="0" toValue="1" property="scale" duration="1000" easingFunction="{Bounce.easeIn}" />
    </local:dataChangeEffect>
    </local:dgGraph>
    <mx:Button label="New Data" click="newData()" />
</mx:Application>