Beefy Boxes and Bandwidth Generously Provided by pair Networks
The stupid question is the question not asked

Re^2: Seeking GD::Graph like goal-thermometer graph

by chargrill (Parson)
on Dec 18, 2006 at 16:24 UTC ( #590474=note: print w/replies, xml ) Need Help??

in reply to Re: Seeking GD::Graph like goal-thermometer graph
in thread Seeking GD::Graph like goal-thermometer graph

Btw, the link you showed does do some of the implementation in javascript, but it really embeds some parameters to pass to a flash presentation that takes the "goal" and "current value" parameters. Not as easily reverse-engineerable as at first glance.

The first thing I see when I look at that particular "thermometer" is that you could easily accomplish that effect (assuming that we're showing this on the web) by overlaying two pictures... One, a rectangular 'meter' showing the appropriate amount of 'mercury', and overlaid on top of that a picture that has a transparent cutout of the shape of the thermometer so you can see the mercury through the transparent cutout. The placement (especially the z-index, how far "forward" to set the overlay) could be set via css.

Surely similar to how the fundraisingknowhow folks do it via flash.

Assuming the OP already has the graphing bit down, this solution depends on some HTML + CSS to finish things off.

s**lil*; $*=join'',sort split q**; s;.*;grr; &&s+(.(.)).+$2$1+; $; = qq-$_-;s,.*,ahc,;$,.=chop for split q,,,reverse;print for($,,$;,$*,$/)

Log In?

What's my password?
Create A New User
Node Status?
node history
Node Type: note [id://590474]
and the web crawler heard nothing...

How do I use this? | Other CB clients
Other Users?
Others cooling their heels in the Monastery: (5)
As of 2019-10-15 22:26 GMT
Find Nodes?
    Voting Booth?