NIH | National Cancer Institute | NCI Wiki  

Error rendering macro 'rw-search'

null

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

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.