Interactivity in CanvasXpress Plots

Dynamic user experience with mouse-overs, zoom, clicks, drag-and-drop, menus, and more.

Interactive Features Overview

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 CanvasXpress 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 Mouseover data points
Drag to Zoom Drag mouse and release
Wheel to Zoom 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 Branches Mouseover to select branch
Click branch to flip Click branch to switch
Dbl-click branch to focus Dbl-click to focus on branch
Drag Dendrogram to place Mouseover to select dendrogram
→ Drag dendrogram to opposite side of the graph
Click Overlay to filter Click overlay to toggle data
Drag Overlay to place Grab overlay by the name
→ Drag overlay to opposite side of the graph

Dotplots

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 Drag mouse to rotate plot
Wheel to zoom Wheel to zoom in / out
CanvasXpress Logo

CanvasXpress a stand-alone JavaScript Library for Data Analytics. Built for the purpose of reproducible research with a sophisticated and unobtrusive user interface. Full and effortless audit trail of data, configuration and all user interactions in every visualization.

©2025 All Rights Reserved. CanvasXpress®

Documentation
Examples Docs Api Updates
Company
Contact License Admin
Information
Terms of Use Privacy policy References
⇧