Page History
...
In the above example we have 3 three visualizations: dataTable , imageGrid and heatMap. Details of the supported visualizations are described below.
The system currently supports 4 four types of visualizations:1.
- dataTable
...
- bubbleChart
...
- imageGrid
...
- heatMap
...
dataTable
Provides a tabular representation of the provided attributes. Shows 100 records at a time.
Code Block |
---|
{ |
...
"visualizationType" : "dataTable" , |
...
"attributes" :[ |
...
{ "attributeName" : "id" }, |
...
{ "attributeName" : "Ai" }, |
...
{ "attributeName" : "Di" } |
...
] |
...
} |
...
bubbleChart
A bubble chart representation of the provided attributes. Can be used to visualize 4 dimensions.
Code Block |
---|
{ |
...
"visualizationType" : "bubbleChart" , |
...
"attributes" :[ |
...
{ |
...
"attributeName" : "a1" , |
...
"type" : "x" , |
...
"dimension" : true |
...
}, |
...
{ |
...
"attributeName" : "a2" , |
...
"type" : "y" |
...
}, |
...
{ |
...
"attributeName" : "a3" , |
...
"type" : "color" |
...
}, |
...
{ |
...
"attributeName" : "a4" , |
...
"type" : "r" |
...
}, |
...
] |
...
} |
Following types are used to represent 4 four dimensions on the chart.●
- x: on the x axis
...
- y: on the y axis
...
- r: radius of bubbles
...
- color: colors of bubbles
Atleast At least one attributes needs to have dimension: true.3.
imageGrid
Creates an image grid using the images from the attribute having type: image
Code Block |
---|
{ |
...
"visualizationType" : "imageGrid" , |
...
"attributes" :[ |
...
{ |
...
"attributeName" : "image" , |
...
"type" : "image" |
...
} |
...
], |
...
"heading" : "Image grid" , |
...
"subheading" : "Using dummy data" |
...
} |
Requires an attribute to have "type": "image" which shall be used as the location of the image.4.
heatMap
Code Block |
---|
{ |
...
"visualizationType" : "heatMap" , |
...
"attributes" :[ |
...
{ |
...
"attributeName" : "AgeatInitialDiagnosis" , |
...
"type" : "x" |
...
}, |
...
{ |
...
"attributeName" : "KarnofskyScore" , |
...
"type" : "y" |
...
} |
...
], |
...
"heading" : "Heat Map" , |
...
"subheading" : "AgeatInitialDiagnosis vs KarnofskyScore" |
...
} |
Requires attributes having "type": "x" and "type": "y" for the x and y axes, respectively.