Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I like Yahoo Finance Stock Chart, and the way you can filter by a date range:

Finance Graph

I have a database of news headlines, and I'd like to replace our date filter, especially for the tag cloud, with some sort of dynamic range widget. I think most of our users are going to want to see headlines and tags from the most recent X days, so I could just use a regular slider, but the idea of being able to slide both the timeline length (3 months) and range (Sept '04 - Nov '04') seems pretty cool. Specifically, with the cloud tag you could visually represent which tags were popular during one particular time. Like "trending".

Finally, adding volume (headline count) like the stock chart volume could be interesting as well.

My question: Are there any javascript libraries / server libraries that do something like this already? Maybe with Google Charts? Or some jquery / jqueryui tool? We're using Bootstrap during development. I'd like to avoid Flash.

Thx,

Tac

share|improve this question

closed as off topic by JonW Mar 10 '12 at 13:51

Questions on User Experience Stack Exchange are expected to relate to user experience within the scope defined by the community. Consider editing the question or leaving comments for improvement if you believe the question can be reworded to fit within the scope. Read more about reopening questions here.If this question can be reworded to fit the rules in the help center, please edit the question.

1  
Hi @Tac JQuery library requests aren't really the type of questions we should be helping you with, this one in particular is a bit too much like a 'Can I get a shopping recomendation' type query. What solutions have you already tried and why didn't they suit your requirements? If you're able to get more specific about the requirements and have exhausted your research then perhaps the chaps at programmers.stackexchange.com would be able to help you, although in it's current form this question would just be closed by the mods there too. –  JonW Mar 10 '12 at 13:55
add comment

1 Answer

up vote 2 down vote accepted

Below are 2 javascript libraries that can mimic your finance graph image.

Highcharts - http://www.highcharts.com/stock/demo/

amCharts - http://www.amcharts.com/stock/

There is also an interesting jQuery plugin date range slider called jQRangeSlider - http://ghusse.github.com/jQRangeSlider/stable/demo/, although adding any kind of volume trending to it would be more work.

As an aside, here's at least one article that questions the usability of tag-clouds. http://www.useit.com/alertbox/tag-clouds.html

share|improve this answer
add comment

Not the answer you're looking for? Browse other questions tagged or ask your own question.