Want to turn 2D graph to 3D graph

Hi there,

I have written a scripts for a 2D bar chart to display the academic performance for each students. I am thinking to make it into 3D.

Here’s my Code for the 2D Vertical Bar Chart:

<style type="text/css">
<!--
.style3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #004080;
	font-weight: bold;
}
-->
</style>
<table width="615" border="0" align="center" cellpadding="1" cellspacing="0">
<tr>
<td height="20" colspan="17"></td>
</tr>
<tr align="left" valign="middle">
<td width="45" height="23">
<?php
$cgpa11=$_REQUEST['cgpa11'];
$cgpa12=$_REQUEST['cgpa12'];
$cgpa21=$_REQUEST['cgpa21'];
$cgpa22=$_REQUEST['cgpa22'];
$cgpa31=$_REQUEST['cgpa31'];
$cgpa32=$_REQUEST['cgpa32'];
$cgpa41=$_REQUEST['cgpa41'];
$cgpa42=$_REQUEST['cgpa42'];
$cgpa51=$_REQUEST['cgpa51'];
$cgpa52=$_REQUEST['cgpa52'];
?>
<?php
$cgpa11=((($cgpa11/4.00)*100)/100)*400;
$cgpa12=((($cgpa12/4.00)*100)/100)*400;
$cgpa21=((($cgpa21/4.00)*100)/100)*400;
$cgpa22=((($cgpa22/4.00)*100)/100)*400;
$cgpa31=((($cgpa31/4.00)*100)/100)*400;
$cgpa32=((($cgpa32/4.00)*100)/100)*400;
$cgpa41=((($cgpa41/4.00)*100)/100)*400;
$cgpa42=((($cgpa42/4.00)*100)/100)*400;
$cgpa51=((($cgpa51/4.00)*100)/100)*400;
$cgpa52=((($cgpa52/4.00)*100)/100)*400;
?>
</td>
<td height="23"></td>
<td height="23"></td>
<td height="23" colspan="10" align="center" bgcolor="#999999"><strong style="font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif; color: #FFF;">CGPA Performance Graph</strong></td>
<td height="23"></td>
<td width="48" height="23"></td>

</tr>
<tr align="left" valign="middle">
<td height="20" colspan="17"><strong style="color: #004080; font-weight: bold; font-size: 14px; font-family: Verdana, Geneva, sans-serif;">&nbsp;&nbsp;CGPA</strong></td>
</tr>
<tr>

<td width="45">
<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>
<td width="37" height="15" align="center" valign="bottom"><span class="style3">4.0</span></td>
<td width="8" height="15" align="center" valign="bottom" background="../image/graphline0.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">3.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">2.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">1.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.5</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

<tr>
<td width="37" height="49" align="center" valign="bottom"><span class="style3">0.0</span></td>
<td width="8" height="49" align="center" valign="bottom" background="../image/graphline1.gif"></td>
</tr>

</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa11;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" width="100%" height="<?php echo $cgpa12;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa21;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" width="100%" height="<?php echo $cgpa22;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa31;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" width="100%" height="<?php echo $cgpa32;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa41;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" width="100%" height="<?php echo $cgpa42;?>"></td>
</tr>
</table>
</td>

<td width="15"></td>

<td width="48" align="center" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#33CC99" width="100%" height="<?php echo $cgpa51;?>"></td>
</tr>
</table>
</td>

<td width="48" align="center" valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
<tr>
<td bgcolor="#66FFFF" width="100%" height="<?php echo $cgpa52;?>"></td>
</tr>
</table>
</td>
<!--
<td width="10">&nbsp;</td>
<td width="31" rowspan="4" align="left" valign="bottom"><br />&nbsp;<br /></td>
-->
</tr>

<tr align="center" valign="middle">
<td width="45" height="0.1"></td>
<td height="0.1" colspan="15" bgcolor="#000000"></td>
</tr>

<tr>
<td height="0.5" colspan="15"></td>
</tr>

<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" bgcolor="#99CCCC"><div align="center"><strong class="style3">Sem I</strong></div></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td width="15" height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem I</strong></td>
<td height="15" bgcolor="#99CC99"><strong class="style3">Sem II</strong></td>
<td height="15"></td>
<td height="15" bgcolor="#99CCCC"><strong class="style3">Sem I</strong></td>
<td width="48" height="15" bgcolor="#99CCCC"><strong class="style3">Sem II</strong></td>
</tr>

<tr align="center" valign="middle">
<td width="45" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 1</strong></td>
<td width="15" height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 2</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 3</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CC99"><strong class="style3">Year 4</strong></td>
<td height="15"></td>
<td height="15" colspan="2" bgcolor="#99CCCC"><strong class="style3">Year 5</strong></td>
</tr>
</table>

How to make it into 3D? Thanks in advance.