Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Could anyone please point me to any standard library/ tool that can be used to build a heroku status type dashboard quickly ?
There are several solutions
timeline.knightlab.com is a good fit, you can link a Google Spreadsheet to it and when you add data to the spreadsheet, it will render these data as a timeline on your webpage.
tympanus.net/codrops/2013/05/02/vertical-timeline you can follow this tutorial also, it guides you how to create one, and they have a demo and source code of the demo.
tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery
is same as above.
Try http://timeglider.com/widget also.
UPDATE
if you want a timeline with 2 axes, you can follow the Tympanus vertical timeline tutorial. Simply creating 2 timelines stacked side by side would do.
Also, you can use two sides of the axis to separate the Dev and Production like in 'lateral on scroll sliding with jquery' example.
If you follow the above tutorials, you can hack the codes to fix it for your need.
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
apologies if the question is not phrased the best way but I'm not a native English speaker and I'm not sure how this chart is called exactly. Basically this is what I'm looking for :
Do you know a library that I can use to implement this chart and if you could point me to an example I'd be very grateful!
Use chartjs visit chartsJs official site. You are talking about a vertical bar cart. See chartjs documentation for the modifications you like to make. If you want to make groupings then chartsJs allows you to make groups, See the example image You can also make stacks and do many cool things like animations and so on.
http://www.chartjs.org/samples/latest/charts/bar/vertical.html
you might like:
http://www.chartjs.org/docs/latest/charts/bar.html
if you want more options, you can also check how to make a bar chart with d3:
https://bost.ocks.org/mike/bar/
You can use amcharts. It supports nice and easy customizations.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I am looking to implement a full page slider on the home page of my app(made with Angular 1.x)
I have tried couple of libraries, but to no avail. They seem to have incomplete instructions or not full proof bug-wise
Here are the ones I tried.
https://github.com/lukesnowden/FSVS
https://github.com/hellsan631/angular-fullpage.js
Example of what I am trying to achieve is www.tumblr.com home page. If I scroll up or down the slider, the pages change with different content.
Hoping someone can point me in the right direction.
My library pagePiling.js creates exactly the same effect than tumblr home page.
Doing it with angular or not should be irrelevant. Just do no use anchors in the URL and initialize it only once, and you should be fine with it.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I'm looking for a useful library which would help me in drawing different interactive charts, graphs etc on canvas. Basically i'm designing a web paint like application and adding the functionality of these interactive charts etc. so what i want is, when user clicks the specific chart, he can then click anywhere inside the canvas and the chart appears there with the data given by user in a file(i will handle that once i know the data format and stuff). I tried a few libraries but either they don't support drawing inside canvas or they aren't offering any interactivity... what do you guys suggest me to go for?
As #Pereira said both chartjs and google chart are good solutions. I will also recommend you take a look at:
HighchartsJS (http://www.highcharts.com/)
PolychartJS (http://www.polychartjs.com/)
I hope it helps you.
Here we have someones:
http://www.chartjs.org/
https://developers.google.com/chart/
I think both are good solutions to you.
I just finished a project where we did this using the chart.js library. Clicking bars generates a new, more specific graph based on the clicked bar. I think a big part of what made this possible for us was the use of a RESTful API to manage the data. Check it out if you're interested.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
I'm wondering which JS library would be best to dynamically visualize survey data from a postgres db. I've been looking at morris.js, google visualizations, rapael.js, and D3. The survey has_many questions which in turn has_many answers whose votes' columns are incremented by one per an SMS vote(using Twilio). So I'm looking for a charts library that could dynamically update each time my controller receives an SMS, be easy to learn, and ideally have a couple tutorials related to what I'm trying to build.
What have you used and prefer? Any recommendations? Thanks!!
2 big players in this!!!raphael.js and d3.js
D3 for obvious reasons:
based on current web standards(html5,javascript)
good documentation
powerful,robust and reusable
jquery style selection
the only place where raphael defeats d3 is fallback,raphael supports older versions of IE where as d3 is based on current web standards(IE>9)
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
Is there a good tutorial for Graphael (special line charts), I currently trying to implement such a graph with grafael http://www.highcharts.com/demo/?example=line-time-series&theme=default unfortunately there is no documentation.
A useful resource has been Kenny Shen's GitHub repository where he has begun writing up both documentation and examples for gRaphael.
https://github.com/qoelet/g.raphael
As an example check out the line chart documentation here
The best example of a Raphael linechart must be this one: http://g.raphaeljs.com/linechart.html, from the source code you can get a lot of information on how they work and how they can be configured.
As far as I know there is no official documentation on this (yet?).
To change the stacking of the lines, use the toFront and toBack functions.
linechart.lines[index].toFront();
You could also check out RaphAlytics since it gives you quite a few options you can customize as well as the freedom to use multiple lines in the same graph and textual labels (which, unfortunately, gRaphael does not)
Check it out over here: https://github.com/tataencu/raphalytics
For line charts here is good article: https://www.exratione.com/2011/10/a-few-tips-for-graphael-line-charts/