Looking for a data visualization framework [closed] - data-visualization

Question

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
(I know there are post about data visualization, but none of them completely answered my question.)
I am looking for a tool to generate charts from data. I want to tool that is be able to do some computation for me, not only show the data a nice way.
For example here is data from tests I run:
{
"destination" : "30be317c-e586-4448-8fed-1a9481710670",
"source" : "30be317c-e586-4448-8fed-1a9481710670",
"userStatus" : "UNDEF",
"testName" : "VolumeUp",
"testStatus" : "WORKED",
"testStart" : 1323378809108,
"testEnd" : 1323378809108
}, {
"destination" : "30be317c-e586-4448-8fed-1a9481710670",
"source" : "30be317c-e586-4448-8fed-1a9481710670",
"userStatus" : "FAILED",
"testName" : "VolumeDown",
"testStatus" : "FAILED",
"testStart" : 1323378814065,
"testEnd" : 1323378816077
}
Note this is currently in JSON, but I can transform it to XML or push it to a database if needed.
What I would like to have is a way to tell the tool:
Create a table with:
Column one: number of "testStatus" : "WORKED"
Column two: number of "testStatus" : "FAILED"
Column three: percentage between one and two.
Rows: "testName"
Show the percentage higher than 90% in green
The calculations remain very basic.
I did some research and found tools that do it (JasperReport, SpagoBI, RapidMiner) but all of them seem to be too much of a pain to generate easy reports like mine.
Is there a tool/framework that could help me doing that?
Or will I have to do the calculations by myself and use a tool like Google Visualization API to show the output?
Thanks

Answer 1

I am not sure if understand correctly.
I understand that you have some data in json format. You can convert this data to xml or load to a database. And you need to visualize this data with special calculations and/or conditional formatting.
The first tool you can use is Excel. You can use Excel's built-in functions to process and visualize your data. I believe that Excel will be enough for your requirements.
If you are going to design a cube with your data you have 2 options. First, you can make these calculations at cube level or you can use the features of the tool you use to visualize your data.
If you design a cube, you can also use Excel. But if you need a more advanced tool, my first suggestion will be TARGIT because of it's ease of use. You can also use QlikView or Tableau. For more advanced solutions, you can go for Microsoft's SharePoint or OBIEE.

Answer 2

I would take a look at JavaScript libraries like Sencha (ext-JS).
Check out their documentation: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.grid.Panel
You can define a store with your data using the json format. You can add a field to your store based on the value of each record. If you need to have this value relative to all the others as percentile, you can listen to the 'load' event and traverse the records to calculate this 'high'/'low' value.
Ext.create('Ext.data.Store', {
storeId:'myStore',
fields:['destination', 'source', 'testName', 'testStatus', 'testStart', 'testEnd'],
data:{'items':[
// ... your data here
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});
Then you can create a grid view of your data, using any of their built-in views. You can define Renderer that will add a class with the calculated value. Using simple CSS you can color each class with a different color.
Ext.create('Ext.grid.Panel', {
title: 'My Data',
store: Ext.data.StoreManager.lookup('myStore'),
columns: [
{ header: 'Test Name', dataIndex: 'testName' },
{ header: 'Value',
dataIndex: 'calculatedValue',
renderer: function(value) {
return Ext.String.format('<span class="{0}">{1}</span>', value, value);
}
},
// Other columns
],
height: 200,
width: 400,
renderTo: Ext.getBody()
});

Answer 3

This is exactly where d3js shines. There are few data visualization JS frameworks out there, you can look at KendoUI and sencha UI you can use as well, but just like google chart APIs they do not help you with complex math. D3JS does.