I'm working on an ongoing project where I need up-to-date graphs from my database and I need to be able to control what they look up.
After hours of messing with trigonometry today (among other things) I finally got a working graph utility going in PHP.

Basically it allows you to create points in the X,Y space (note that Y is top-down in HTML, so it must be inverted here, subtracted from height), and (the really tricky part) also add lines between them.

I ended up using 1px high divs for the lines rather than an HR due to the annoying default styles on HRs. Also, this hasn't been fully cross browser tested (and relies on perhaps limited rotation methods available)-- but it works in Safari and Firefox at least.

So here's the code:
PHP Code:
<?php
$points 
= array(
    array(
5,20),
    array(
30,120),
    array(
90,100),
    array(
180,196)
);

function 
drawhtmlline($x1,$y1,$x2,$y2) {
    
$rise $y2-$y1;
    
$run $x2-$x1;
    
$length sqrt(pow($rise,2)+pow($run,2));
    
$angle 180-round(rad2deg(atan($rise/$run)));
    
$xoffset abs(($length/2)-abs($run/2));//fix from rotating from center of object
    
echo '<div style="background-color:red;height:1px;width:'.round($length).'px;position:absolute;top:'.round(200-$y2+($rise/2)-2).'px;left:'.round(2+$x2-$xoffset).'px;-moz-transform:rotate('.$angle.'deg);-webkit-transform:rotate('.$angle.'deg);-o-transform:rotate('.$angle.'deg);-ms-transform:rotate('.$angle.'deg);transform:rotate('.$angle.'deg);"></div>';
}

?>
<html>
<head>
<title>HTML &amp; PHP Graph Demo</title>
</head>
<body>
<div style="position:relative;width:200px;height:200px;background-color:#CCCCCC;border:1px solid black;">
    <?php
    
foreach($points as $pk=>$point) {
        
?>
        <div style="background:red;position:absolute;top:<?php echo (-4)+200-($point[1]); ?>px;left:<?php echo $point[0]; ?>px;width:4px;height:4px;"></div>
        <?php
        
if ($pk!==0) {
            
drawhtmlline($point[0],$point[1],$points[$pk-1][0],$points[$pk-1][1]);
        }
    }
    
?>
</div>
</body>
</html>
Which outputs the following graph (here shown as an image). Remember-- this is pure HTML and PHP (plus inline CSS). No images are used whatsoever.
Click image for larger version. 

Name:	graph.gif 
Views:	617 
Size:	10.2 KB 
ID:	4801


If anyone wants more info on how to use this, let me know. But in short, just setup a new .php file with that as the code and play with it to see how it works. Not much documentation yet, so this is for somewhat experienced PHP users-- that's necessary anyway for you to setup whatever you actually need it to do.