Simple SVG gauge built with Raphael

Simple SVG gauge built with Raphael(github.com)

33 points by tristanoneil 14 years ago | 8 comments

euroclydon 14 years ago |

Raphael is nice. So is the SVG namespace in D3.

I work on a web-based instrumentation and visualization system that uses SVGs.

Here's a paper on it, if your interested: http://www.svgopen.org/2011/papers/72-Integrated_Power_Analy...

iambot 14 years ago |

Is it really necessary to have Raphael as a dependency for such a simple widget? Just seems like overkill to me.

I recently did a similar widget for a project of mine, using canvas (I understand SVG has better compatibility than canvas) but either way would be nice if I wanted this widget that I wouldn't have to include Raphael as well.

ken 14 years ago | |

Raphael isn't just SVG; it's a vector library that can use SVG as a backend. It also works on IE back to IE6, using VML.

So if your goal is "SVG" and/or you only need to support modern browsers, then use SVG, it's great. If your goal is "vector graphics" and you need to support every browser made in the past 10 years, use Raphael.

darklajid 14 years ago | |

It's totally possible to create a simple svg file in different ways. I'd think of this posts headline as 'Showing the power of svg by giving you a nice albeit simple graph element (in this case, generated with Raphael)'.

crjn 14 years ago |

Here is one example built for html5 but extremely configurable https://www.wireframes.org/ui/data/admin/wireframes_demo_4ee...

wulczer 14 years ago |

Wow, looks just like the one we made for Ducksboard :)

https://ducksboard.jira.com/wiki/download/thumbnails/262169/...

Props for open-sourcing it!

baconner 14 years ago |

Nice minimalism, but friends don't let friends use gauges! http://mbostock.github.com/d3/ex/bullet.html

rorrr 14 years ago |

I can't believe this dumb and trivial thing was upvoted so much.

HN, you're better than that.