Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
I'm looking for a gauge with multiple concentric circles, each circle showing values of different entities. Something like this...(see image)
Here each needle shows value of corresponding entity. I saw some gauges in jQuery & Ajax. So I was wondering if I could find something like this.
You can consider Perfect Widgets library. Please have a look at the demo I've created for you. I suppose it is exactly what you need.
With knob plugin, you'll be able to perform what you want: http://anthonyterrien.com/knob/
Just superpose plural input with a larger circumference each time and play with z-index.
You might want to take a look at highcharts:
Demo with two Axis: http://www.highcharts.com/demo/gauge-dual
Demo with three "needles": http://www.highcharts.com/demo/gauge-clock
Demo with two gauges: http://www.highcharts.com/demo/gauge-vu-meter
You can try jqChart radial gauge - http://www.jqchart.com/jquery/gauges/RadialGauge/NestedScales
Here is a multiple needles example - http://www.jqchart.com/jquery/gauges/RadialGauge/Needles
And just an ordinary analog clock - http://www.jqchart.com/jquery/gauges/
Disclaimer: I work for jqChart.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
i m trying to build a horizontal timeline like this:
http://w3blog.fr/wp-content/uploads/2011/11/timeline-1920x1080.jpg
Event's details(icon with line on picture) won't be shown on page load.On every event(milestone)'s click, smooth animation with thin line and icon (that inside of a circle) will occur and shows details of event.Data will be fetch from server and it will be as hh:mm format.All events will have different icons and There will be one initial value.
I saw some similar demo but they have limited options and customization like this:
http://samuelrouse.com/jqTimeline/
http://www.jqueryscript.net/demo/Lightweight-jQuery-Timeline-Plugin-jqtimeline/
A very good JS library for visualizing timelines based on GWT is Chap-links-libary.
It is quite flexible, you can choose your create your own layout and use your own CSS/HTML in each individual event.
Check it here
well this is one of my favorites when it comes to vertical timeline example , since its simple and easy to use.
http://tympanus.net/codrops/tag/timeline/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I'm writing a small web app to manage a competition on tipping sports teams to win.
On the dashboard I want to display a small graph for each game in a given week showing the preference of team selection for users - I want it to look something like this:
Team 1 ----xxx | xxxx--- Team 2
Where the x's represent a bar the size of the percentage of tips. As the games are listed, all of the centre bars should be lined up.
I've seen this before but can't remember where - and not knowing what the type of graph / chart is makes it hard to find - been Googling for a good few hours.
If anyone could point me to a js / jQuery library or plugin that can render these kinds of graphs, I'd be greatly appreciative.
Cheers,
Ryan.
I wouldn't look to a plugin to do this. Write something yourself! Create some markup to display your graph, and have two divs that represent your sides. Then use some JS to adjust their widths. Here's an example that I whipped up. http://cdpn.io/ivjhw . You'll see in the JS that you can adjust the totals of the left and right sides, and the graph will reflect them.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
I am in the process of writing my first WebApp (my first use of Javascript and CSS!)- a photographic 'calculator'. You can see where I am currently at: http://domjan.fizika.org/flash.html
I have tried to present all the relevant photographic parameters as rings that you turn by swiping (clicking also works on the desktop). Turning a 'red set' of parameters also turns the top 'ambient exposure' ring in the same direction. Turning the 'blue set' ring, also turns to bottom 'flash exposure' ring.
Do you have any idea how to make this 'in-synic' turning of rings more visually obvious?
Maybe using something like an animated carousel? It should be very beginner-friendly as I have been using JavaScript for 5 days :)
Try
these are precooked (readymade) carousel:
Bootstrap
http://getbootstrap.com/javascript/#carousel
or
Slide js
http://www.slidesjs.com/
or
if you want to cook (make) your own then use jquery animation
jQuery animation
http://api.jquery.com/animate/
http://www.w3schools.com/jquery/jquery_animate.asp
if you are new to jQuery then :
jQuery
http://jquery.com/
for getting start:
http://www.w3schools.com/jquery/
If you want ready-made carousels, you can look at either of these sites for ready-made widgets:
JQuery UI
http://jqueryui.com/
JQuery Tools
http://jquerytools.org/
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 9 years ago.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Improve this question
I'm trying to find a jQuery plugin or something which would allow my users on my website to click on DIVs and drag them around, changing their position. All I could find are some plugins that make data move from one DIV to another.
It's something like a puzzle, I'd like them be able to move them around the page for no reason.
define your DIV positions as absolute and react to ondrag() by recalculating the position
In the future you should follow these steps:
1) Google what you want to do (appropriate terms here would be:
javascript drag drop)
2) Look at official sources, e.g. jQuery (and it's derivates) is
a neat plugin which simplifies handling of functionality you want to
implement.
3) Search stackoverflow if you find no solution.
4) Post something if you find no solution.
Nonetheless here's a posible solution for your question if you want to do it yourself.
Here are a few jQuery plugins that could fit your needs.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
i am looking for a jquery tooltip plugin (with no success) that will popup an image and text in the tooltip. In the text there will be a link that they can click on so i cant just have the tooltip disappear...any ideas on a good one.. I am using this tooltip on an image map if that makes a difference
qtip is exactly what you want!
http://craigsworks.com/projects/qtip/
I've used it with great success, and the author is very actively developing it.
It's got options for how you make them show/hide, if they stick around on mouse over, what kind of delays you want for showing/hiding.
i use this script from here:
http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/
see the Example 3: Links With URL Preview