--- trunk/lib/Frey/CSS/Area.pm	2009/01/05 13:50:27	919
+++ trunk/lib/Frey/CSS/Area.pm	2009/01/07 00:04:46	955
@@ -11,11 +11,10 @@
 
 =cut
 
-has skeleton => (
+has sponge => (
 	is => 'rw',
-	isa => 'Str',
+	isa => 'Sponge',
 	required => 1,
-	default => 'skeleton',
 );
 
 sub as_markup {
@@ -24,33 +23,26 @@
 	$self->add_css( 'static/Frey/CSS/Area.css' );
 	$self->add_js ( 'static/Frey/CSS/Area.js'  );
 
-	qq|
-
-<ul class="graph" onclick="gr.makeGraphs(); return false;">
-
-<li><span class="name">Mon</span> <span class="val">100</span></li>
-<li><span class="name">Tue</span> <span class="val">200</span></li>
-<li><span class="name">Wed</span> <span class="val">150</span></li>
-<li><span class="name">Thu</span> <span class="val">180</span></li>
-<li><span class="name">Fri</span> <span class="val">100</span></li>
-<li><span class="name">Sat</span> <span class="val">200</span></li>
-<li><span class="name">Sun</span> <span class="val">150</span></li>
-<li><span class="name">Mon</span> <span class="val">80</span></li>
-<li><span class="name">Tue</span> <span class="val">75</span></li>
-<li><span class="name">Wed</span> <span class="val">125</span></li>
-<li><span class="name">Thu</span> <span class="val">125</span></li>
-<li><span class="name">Fri</span> <span class="val">160</span></li>
-<li><span class="name">Sat</span> <span class="val">160</span></li>
-<li><span class="name">Sun</span> <span class="val">15</span></li>
-</ul>
-</div>
-
-<br style="clear:both" />
-<div class="note">
-Click on the table or graph to switch view
-</div>
-
+	my $html
+		= qq|<ul class="graph" onclick="gr.makeGraphs(); return false;">|
+		. join("\n",
+			map {
+				my ( $val, $name ) = ( $_->[0], $_->[1] );
+				die "first column data isn't numeric ", $self->dump( $_ ) unless $val =~ m{^\d+$};
+				qq|<li><span class="name">$name</span> <span class="val">$val</span></li>|;
+			} @{ $self->sponge->{rows} }
+		)
+		. qq|</ul>|
+		;
+
+	$html .= qq|
+		<br style="clear:both" />
+		<div class="note">
+		Click on the table or graph to switch view
+		</div>
 	|;
+
+	return $html;
 }
 
 1;