which javascript chart library should use for interactive chart - javascript

I know this question has been asked extensively,so now I confused between options. I want to create application which use populate charts on browser. chart should be interactive and it's conventional chart (pie,bar etc). I liked to go to for D3 but it seems I may fall short on time basis to learn that. so I checked on other libraries like google chart,DC,morris,C3,nvd3,ember chart where DC,C3,nvd3 are create on top of D3. google chart may be restricted due to security reasons. so which library should I prefer? should I go for google one if no security measures are there or any alternative are there?please help me out because as I am digging more,more I am getting confused and I am running out of time to create PoCs for this libraries

I would suggest AmChart. I has lot of examples and good documentation. Additionally you can create interactive maps. And you can create chart easily using a chat creating tool. Which is totally cool.

There are really a lot of chart library it's really hard to pick one. And as a beginner i wanted to just make a working chart app not to go deeper so i picked highcharts, it was very easy to understand for me i hope it works for you too.
https://www.highcharts.com/
this is my demo project if it helps, i wanted a dynamic chart too:
https://github.com/Resoguy/atterbergLimitsApp,
http://madrhino.gq/atterbergLimitsApp/

Try to explore this list: https://en.wikipedia.org/wiki/Comparison_of_JavaScript_charting_frameworks
If your project is non-profit, I'd suggest AnyChart because then you'll be able to use it for free. It has a lot of chart types, ways to work with data, customization options, and ready-to-use samples, as well as comprehensive documentation and API reference.

For one of my project I use chart.js. I think is good is easy and is have also good documentation

Related

Data visualization on map

I’m working on a vuejs project, I want to make some data visualisation on a map: display a map and show some percentages for each country. I really do not know from where to start. What tools to use ? Is there some tutorials and javascript libraries that can help ? Thanks !
If you just want to show some percentages on each country, and you don't need those detail information on the maps, maybe you don't need Google Maps.
Try D3.js. There are several examples you can build with. DataMaps would be a good choice.
you could use the google maps api, they have good documentation on all their stuff.
https://developers.google.com/maps/documentation/
It should be noted however that these days you need a account with billing information to use their maps api's.
to be honest your question is so broad that if i were you i would first start to brainstorm and get a good grasp about what i wanted to do and how to do it.

Need advice on choosing free angularjs charting library which also works offline

I need free angularjs library which provides various charts and works offline
I have already found angular-chart which looks most used charting library, but cannot find any info if it works offline.
1) Does anyone know if i can use angular-chart offline ?
2) Are there any better or easier to use libraries for charting ?
D3 is a pretty popular JavaScript data visualization library. You can check out Angular-nvD3 which is a directive based on D3 (and nvD3, which is a project that has re-usable components). It might not be easier, but it's definitely robust.

Large dataset on Sigma.js

I'm currently working on a project using sigma.js where I need to show a large number of nodes and edges (~10000 to ~100000 of each one) stored in a JSON file. But the library is getting laggy when I load the JSON, on each refresh and also when it shows me the graph it doesn't space the nodes. I was wondering if someone knows how to represent this kind of dataset fine.
To be honest i am on the same issue if it can helps, i think the book example of Gephi.org tutorial is still the best.
For the moment i am on including sigmaJS from cloudflare but i don't have any proposition for this.
Something like you replace the library with a link to cloudflare like the one used for phaser.io explained in it git repository or even tweenJS use the same way (it's the way of web devs see #indiedev #indiegamedev on twitter, it helps)
<script src="sigma.min.js"></script>
<script src="sigma.parsers.json.min.js"></script>
http://jsfiddle.net/thefailtheory/L45ue3er/
The threejs random particle visualization performs really well with 20K points.
https://threejs.org/examples/#webgl_points_random
Will be a bit of work to repurpose for network display but the upside is you can leverage GPU for rendering.

Graphing on Rails 3 + dygraphs

I have a very large data set that I'd like to craft into a scaling, zoomable, panning graph that goes back over the course of a decade of data. It appears that the best solution for the job is dygraphs vs other options.
I'm not opposed to other options if any meet the requirements of very high interactivity, so if'n you got someth'n else, please share...
Notwithstanding, I have not found a solid example of using dygraphs with Rails 3 and would really appreciate seeing an example of how to tie this into a dataset very quickly or a link to an example.
Initially I just need to throw all of the content out into the graph to see how it works out and for some analysis, so nothing super fancy's needed.
**EDIT: Just found Highstock. Seems to be a perfect match. In that light I'd like to modify my request to perhaps some examples of utilizing Highstock in this context.
I can't point to any tutorials or lessons. I actually had this exact same problem a while ago, trying to do the exact same thing. My answer is that you just have to generate the HTML/dygraphs functions to plot your data.
In case you are still trying to figure this out, I have created rails app that will interactively let the user choose and plot data from any basic database schema, any database. I'm a total RoR noob, but it works pretty well and is made to be generic and dynamic, as well as add checkboxes and linear regressions to each plot. Its not finished, or fully documented yet but you may find it helpful.
I think you can access it this way:
git clone https://bitbucket.org/zachd1_618/rails-stocks.git
or just get in contact with me if you are for some reason really interested.
I've tested it on multiple databases and different schemas, and it easily handles 50k+ points across multiple graphs.
I see that Highstock is nice too, but you shouldn't have any problems in adapting Dygraphs to what you describe. I have not used it with Rails, but have good experiences with it on Django. The approach would be quite similar: Either you serve the dataset in a separate request, or you generate the dataset within the template layer. The latter is probably the slowest.

easy visualization of usage statistics (web app)

I have some usage queries for my web app's database, the results of which I want to display graphically. Is there an easy-to-use API that exists for this purpose?
I want to show things like average query-time per user (a small user-base), average query time per day, and things like that. I think it would be cool to show these on a two-axis graph.
I am displaying this data on my site, so a jQuery/Javascript/HTML solution for rendering information into graphs would be ideal.
FusionCharts has easy to use graphs - nice xml interface - but not free.
edit:
this is a good link for several options:
The Google Chart API can be handy for this kind of thing. If you want your own hosted solution, High Charts is pretty nice.
There are tons of good javascript/jquery charting controls here:
https://stackoverflow.com/search?q=javascript+charting+library

Categories