Display function graph on the web - charts

I would like to display a couple of function graphs in a web browser. That is, I have a few functions, like distribution or density functions, regularly generated by data analysis tools and I'd like to make those accessible via a web browser. They should be rendered as line charts, actual values displayed e.g. in a tooltip when hovering over the chart. The ability to zoom in would be nice but not essential. Also, a nice dashboard like arrangement would be nice. Now I have the data (each function represented as a list of floats), how do I best render them?
Generating static images might be an option, but they're not interactive at all. I see there are javascript frameworks to display charts, but I have the feeling there must be some ready-made solution out there to grab numbers from a file, or DB, or wherever, and show functions; hence, I don't want to start writing my own javascript. I thought about Grafana, but that's time series oriented and my data is not time series. I thought about importing the data into Google spreadsheets and create charts there programmatically, but I'd like to have at least a few thousands data points per chart and am not sure if that would work out performancewise.
What do you suggest?

use the simplest php Graph library. PHPMYGRAPH.
http://phpmygraph.abisvmm.nl/

Related

Is it possible to create visualizations(charts) on our own using tableau?

The time taken to load the charts(visualization) using tableau in my mobile app is close to 10 or 15 secs. So i am looking for alternative methods like creating my own chart but only to use the intelligence tableau provides on creating the visualizations.
In short, i want to know whether there is some support or API available from tableau using which i can draw the visualizations by myself in my mobile app without losing any chart data or functionality like digging deeper in charts.
For example, an API from tableau using which i can create the chart in my mobile app. After creating it, if user touches any data that should be sent again to tableau to get further event action like showing filters/tables etc.
Is this even possible? I did lot of research in tableau and got to know about tableau SDK, tableau API's, tableau extensions etc. but unable to find what i am looking for.
Tableau provides a thorough white paper Designing Efficient Workbooks. I would start by reading that and trying some of the recommendations.
If you are looking for an API driven visualization system, you can check out MuzeJS.
You load your data in an in-browser DataModel, run relational algebra enabled data operators to get the right subset of data, and then just pass to Muze engine, which automatically renders the best visualization for it.
It is similar to the kind of intelligence Tableau provides but since it is a developer first API, you can customize as you want, whether it be for the mobile or the desktop. In fact, most of the charts will be available for both seamlessly.
Any changes to data (including application of data operations) automatically updates the visualization, without you having to do anything else.
Add to that, if you’ve to connect multiple charts (for cross-interactivity, drill-down etc.), you’ve to manually write the ‘glue’ code. With Muze, all charts rendered from the same DataModel are automatically connected (enabling cross-filtering). It also provides composability and the ability to facet your visualization, providing a multi-grid layout.
You can go through some of the examples and the documentation to see if it suits your needs

Highmaps from sharepoint data

I've searched for a few days for examples of now to use high maps with sharepoint data. We purchased high maps because we are confident there is a way to make the maps from sharepoint data.
The goal would be either to make a map from address or lat long data OR map just on the country of the item. We are at the phase where we are about to collect data and it's not clear how the data needs to be formatted. I believe we would either pull the data from the sharepoint list via rest and JSON is SPServices and CAML query, I've created datatables and a highcgart pie wth test data in the site.
I'm not finding any good samples out there and hoping some experts will weigh in with advice or a code snippet.
General rule is that Highcharts runs in any web browser, including web controls or browser widgets in other platforms. If SharePoint has a mechanism of including a web page in some kind of frame, then it should work.
I advice to familiar with the article about preprocessing, http://www.highcharts.com/docs/working-with-data/preprocessing and getJSON() functon in jquery.
In the highmaps you can use data points defined as lat/lng.
Further information information about that:
- http://www.highcharts.com/docs/maps/latlon

Displaying web based visualisation or graphing of data based on a postgresql database?

I am working on a web application for a client that uses a postgresql database. I want the client to be able to go to a certain area of the site where the data from the database is displayed in graph form (for example, sales figures over a 6 month period). Is there a plugin I could use for this (I don't have any experience of this, so an easy one, or one with tutorials available would be great). I had a look at BIRT, which says it has a web based option but I couldn't really figure it out. I don't want the client to have to download and go through another program, I just want them to go to a url within their site, and it's all just presented to them there and then.
Any sort of pointers in the right direction would be greatly appreciated.
Thank you.
HighCharts, at http://www.highcharts.com/, works well for this case -- I use it fairly often. It supports Ajax data feeds in JSON format, so you can write an endpoint which returns the JSON representing the data from Postgres and which gets called from a JavaScript function which creates the graphs using that data (you would place that call in a ready function).
Also, if you're using Postgres 9.3 or higher, it supports JSON natively, so you can do the JSON conversion in the SQL query itself, as opposed to post-processing the results in your Python or other backend code.
Highcharts is reasonably flexible and allows for a variety of nice-looking, functional charts and graphs. If you want to get much fanicer, d3 may be worth a look. These are some the types of graphs/charts it can do: https://github.com/mbostock/d3/wiki/Gallery
I have not used d3 myself, however.
For the scenario you described above, Highcharts seems like it would work just fine.
It's been a while, and a lot has happened since 2016. There is now ChartJS as well - http://chartjs.org/, for example, which is easier to use than HighCharts and very flexible (I've used both).
What they both don't do is dynamic data. If you want that your client decides which data he wants to watch - that part you need to write yourself.

Understanding data privacy with Google Web Toolkit, and Google Charts

I have been playing around with GWT and GWT Visualization Wrapper API. One thing I learned recently is that GWT Visualization API does not work without an internet connection (I was working offline the other day and it took me a good half hour to figure out why my charts were not loading)
After doing a lot of reading online about privacy, data, and GWT, it seems that many people, including me, have a concern about sending data to Google when trying to display graphs. I already searched through many sources, including stackoverflow, and I would like to 100% confirm that my assumptions are correct.
The reason for people's concern about sending data to Google was when you tried to get an image of the said chart. This required data to be sent to Google, they processed it, and then they returned an image to be embedded in your website. According to my studies, that feature has been deprecated from Google charts (and for good reason). The way it works now, to my understanding, is that every time you want to display a chart, you download the most up-to-date library on the client side and perform all the calculations on the client. This makes it so that Google doesn’t actually get any information you will display on the charts.
Thus, I can continue using the visualization API as long as I keep using interactive charts and keep checking on the Google charts documentation page that it says that for this particular chart i.e Line Chart:
https://developers.google.com/chart/interactive/docs/gallery/linechart
(SEE BOTTOM OF PAGE) “All code and data are processed and rendered in the browser. No data is sent to any server” I do not have to worry about anyone getting my data because all information is processed client side.
Please correct any incorrect assumptions that I may have. Thank you.
The charts on this page, https://developers.google.com/chart/interactive/docs/gallery, all include a "Data Policy" section which details whether the chart is rendered on the client and what data will leave the client. Currently, only GeoChart communicates with Google (in order to do the Geocoding); obviously, this could change in the future.
The charts on this other page, https://developers.google.com/chart/interactive/docs/more_charts, include some that were written by Google, and some that were written by third parties. These also include a Data Policy section. For those written by Google, you can rely on this policy. For those written by third parties, Google has not validated the claims and cannot guarantee them.

How to display graph in iPhone Application

I m new in iphone..I create Application in which I maintain data About Income ,Expenses, & total balance .I need to display that information in Graph..
Question:- How I display graph in my Iphone application???like suppose If total balance is 1000 and income is 500 then In graph It displays overall graph contains total balacne means 100% and income will Be display as its 20%
Now I get the graph in my application BY using CorePlot But I provide static data ON Axis..I want to display Data from Database.. How can I do that??
Instead of using core plot or an google api that needs an internet connection you can draw a graph yourself using quartz 2d. That's what I did for my app. CorePlot was kind of tricky to install and it seems complicated for small projects.
http://buildmobile.com/creating-a-graph-with-quartz-2d-part-3/
The advantage of drawing the graphs yourself is that you learn to use the standard drawing apis from Apple. Good luck
The easiest way is to use google chart api, I use this in all my apps.
see the tutorial here,
http://code.google.com/apis/chart/image/docs/making_charts.html
you will directly get image as per your requirement just by making one HTTP Request.
I used Core Plot, it's easy to use and there are samples for almost all the graphs...
If you want to draw graphs in iPhone applications using Objective-C or Swift, you can use SciChart, which supports over 20 popular chart types, including Column and Bar.
There are some really nice examples over at the scichart website for drawing chart types in Objective-C and Swift.
For instance:
iOS Column Chart Example
iOS Stacked Column Chart Example
iOS Bar Chart Example
Examples are also hosted on Github and there are also tutorials to help you learn this powerful tool.
.
As a disclosure, i am the tech lead on the scichart project