Interactivity in CanvasXpress Plots

The CanvasXpress interactive interface combines powerful visualization components and advanced data-driven JavaScript libraries that deliver the fast and seamless implementation of data analysis without any need for programming.

Below are some examples of a CanvaXpress interactive visualizations.

# Scatter-2D Plots

Explore the CanvasXpress graph by hovering over it, dragging, clicking, resizing the graph, and more to experiment with its functionality. To reset, press ESC.

Mouseover to
show tooltips
Drag to Zoom
Wheel to Zoom
Mouseover data points
Drag mouse and release
Use wheel to zoom in/out
 
 
Click Legend
to filter
Click variable legend to toggle data
 
Drag Legends
Grab legend and drag to position

# Heatmaps

Examine heatmaps with CanvasXpress functionalities that allow you to zoom in/out and view with dendrograms as well as overlays. Easily reposition dendrograms and overlays on graphs, try putting in larger graphs and click on them to explore the visualization. Press ESC to reset changes made on the graph.

Click / DblClick
Click branch
Dbl-click branch
Branches
to flip
to focus
Mouseover to select branch
Click branch to switch
Dbl-click to focus on branch
 
 
Drag Dendrogram
to place
Mouseover to select dendrogram
 
Drag dendrogram to oposite side of the graph

Click Overlay
to filter
Drag Overlay to place
Click overlay to toggle data
Grab overlay by the name
Drag overlay to oposite side of the graph

# Dotlots

Below are some of the interactive functionalities in a one-dimensional plot. Try the larger graph. Press 'ESC' to reset the graph.

Drag to zoom
Drag mouse to zoom
Release mouse
 
 
Drag Sample
to place
Grab sample by the name
 
Drag sample across the graph to re-position

# 3D Scatter Plots

Below are some examples with 3D Scatter plots. Try the larger graph. Press 'ESC' to reset the graph.

Drag to rotate
Wheel to zoom
Drag mouse to rotate plot
Wheel to zomm in / out