Contour Chart

Contour plots are graphs to show a three-dimensional surface on a two-dimensional plane. It graphs the X, Y variables on the plane axis and a response variable Z as contours. The format of the data can be specified as a three column x, y, z (long and skiny) data set or as rows and columns (short and fat) specifying the z value.

# Rows and Columns

Example of a data set where the z value is captured in each row column combination..

Configuration

The configuration for the visualization above is shown below. You can always access the data and its configuration in any CanvasXpress visualization through the file menu under File → Reproducible Research → Show JSON code. See additional information under User Interface - Menus. For convience you can click this .

{
   "graphType" : "Heatmap",
   "heatmapCellBox" : "false",
   "showContourLevel" : "true",
   "showSampleNames" : "false",
   "showVariableNames" : "false",
   "subtitle" : "datasets - volcano",
   "title" : "Topographic Information on Auckland's Maunga Whau Volcano"
}

Functions

In this example a function is called after the visualization is rendered to show the programatic access of a CanvasXpress object. The first line in the code below access the CanvasXpress instance by accessing it through the id of the canvas in the DOM and the next line(s) apply the corresponding functions. See additional information under Instances.

var cX = CanvasXpress.$("canvasId");
cX.createContour();

R Code

The R code for the visualization above is shown below. For convenience the data and the meata data in the excert is shown in a url accessible tab delimited file to facilitate readability. You can always access the full R code in any CanvasXpress visualization through the file menu under File → Reproducible Research → Show R code. See additional information under User Interface. For convience you can click this .

library(canvasXpress)
y=read.table("https://www.canvasxpress.org/data/cX-volcano-dat.txt", header=TRUE, sep="\t", quote="", row.names=1, fill=TRUE, check.names=FALSE, stringsAsFactors=FALSE)
canvasXpress(
  data=y,
  graphType="Heatmap",
  heatmapCellBox=FALSE,
  showContourLevel=TRUE,
  showSampleNames=FALSE,
  showVariableNames=FALSE,
  subtitle="datasets - volcano",
  title="Topographic Information on Auckland's Maunga Whau Volcano",
  afterRender=list(list("createContour"))
)

# Events and Functionality

Out of the box events

Events are pre-configured in all CanvasXpress visualizations. Refer to documentation to further customize events. Most visualizations have mouseover, click, dbl-click, wheel, context-menu, drag and drop. Press the 'ESC' key to reset the plot.

User Interfaces for exploring and configuring visualization

All visualization come with multiple user interfaces to allow data exploration and configuration. Dbl-click to bring configurator, context-menu to open menus, mouse-over top right to visualization to show toolbar and select either the funnel to open filters and data table or the tools to open the data explorer. See further documentation under User Interfaces.

Drag'n Drop files on the CanvasXpress Visualization

You can drag and drop any delimited text file on the visualization to create a new CanvasXpress plot. Similarly, you can drag and drop formated XML files from Wikipathways, KeGG, Metabase or GML. Furthermore, you can also drag and drop png or json files previously saved in CanvasvasXpress to re-create the visualization.