Dashboard > People > Bing Zou > ... > Flash Baby Growth Chart > Baby Growth Chart Tutorial Baby Growth Chart | Bing's Space | Bing's Blog | Photo Album
  Bing Zou Log In   View a printable version of the current page.  
  Baby Growth Chart Tutorial
Added by Bing Zou, last edited by Bing Zou on Feb 18, 2008  (view change)
Labels: 
(None)

I spent a lot of time and energy in this project. With version 0.5, I registered a new domain babygrowthchart.org and signed up a new virtual hosting to host the application. Also you will notice that the nice chart has a "Flex Data Visualization Trial" in the middle. To remove this text, I need to purchase a full version of Flex builder with charting support which costs $700. If you find it helpful and want to support me on this project, please feel free to send in any email, leave feedback or click on button below.

First Screen

The first screen has been preloaded with a demo baby's full data. You can click on the "Graph" button on the top to switch to the graph view and have a sense on how the demo baby's data shown in-line with WHO ([World Health Organization | http://www.who.int) baby data. At this point (version 0.6), there are 3 types of charts supported:

Weight for Age

x axis represents the number of days after birth and y axis represents weight in kg.

Length/Height for Age

x axis represents the number of days after birth and y axis represents length/height in cm.

Head Circumference for Age

x axis and y axis

The x axis represents the number of days after birth. And the y axis represent different data for different graph type. And the unit on the graph always presents a metric unit. Each data point provides the data value in both metric and english unit. For example, the screen shot below shows a data point for a "50 Percentile" of "Day 777" since birth with a weight of "12.454 kg" or "27 lb and 7 oz".

Add a New Baby

It's easy, simply click on the "Data" button on the top to switch back to the data view then click on the "New Baby" button. Please wait a few seconds for an empty data sheet showing up. Before entering any data, please enter baby's firstname, lastname and dob on the top section. After that, at any point, you can save the baby's data to the server side.

Save Baby Data

Simply click on the "Save Data" button on the bottom will bring up a save baby dialog. Please note that the baby's firstname, lastname, dob are not changable on this pop up. If for some reason, you want to change any of these key information, you have to cancel this dialog, change the value on the data sheet and click the "Save Data" button again.

While saving baby's data, you can also specify a password to 1. protect your baby's data from being loaded by unauthorized user 2. help the system to identify this unique baby in database.

Load Baby Data

Any time you want to load a saved baby data, click on the "Load Data" button on the bottom.

Enter all the information required then click on the "Load" button. If the system finds a match, the baby's saved data will be retrieved and filled in the data form.

Features

Different Color Theme for Boy and Girl

Support Metric and English Unit

The screen shot above shows the data in metric unit, the screen shot below shows the data in English unit.

The system will automatically convert data from metric to english unit or from vice versa on the fly for you.

Zoon In and Out Data Area

The application is preloaded with WHO baby's data for each graph type (weight, length or headcircumference) for 5 years. WHO provides every day's measurement for each data type for 1850 days, and that' why you might feel the application is a bit slow because tens of thousands of data points are imported into the application. The application is written in a way where it always try to maximize the y axis data range. Therefore, you will notice some graph type the y axis doesn't always start with 0 to provide a better visibility for the end user. For the x axis, by default it shows a range up to 1850 days (5 years). and the user can use the slide bar on the bottom to narrow the data selection range to any date he/she wants. For example, the screen shot below shows a zoom in to only 380 days to reveal more details on the graph.

Estimate Every Baby Data Point Percentile Standing

Special thanks to my friend Tao Liu" who provides the equation on how to calculate the estimate for a normal distribution data points. I found a open source java library netcdf which provides an implementation on the Error Function which is required to calculate the estimate, then I converted the logic to action script. _ The following screen shot shows the baby's data is at about *31 percent among all the babies the WHO research acquired.

Please also note that the estimate percentile will be in *red if the data is below 50 percentile or *green if above 50 percentile.

This site is powered by a free Atlassian Confluence Personal Server License. Evaluate Confluence for your organisation or read more about Confluence licensing here.
Powered by Atlassian Confluence, the Enterprise Wiki. (Version: 2.5.6 Build:#812 Aug 06, 2007) - Bug/feature request - Contact Administrators
Wanna try out Confluence? Follow the step by step tutorial or Download the Confluence Virtual Machine with 2-minute setup