# Interactive

Interactive visualizations in CanvasXpress are by far the most advanced across all JavaScript libraries and the fastest to implement as they are all available 'out-of-box' without any additional programing.

Here are just a few examples on some of the visualization:

# Scatter-2D Plots

You can mouse overs, drag, clicks, mouse wheel among other to explore the graphs. Use the larger graph to experiment the functionality. Press 'ESC' to reset the graph.

Mouseover to
show tooltips
Drag to Zoom
Wheel to Zoom
 
 
Click Legend
to filter
 
Drag Legends

# Heatmaps

Similar to all the funtionalities in the Scatter plots, zooming in/out can be done by dragging or with the help of the mouse wheel. There are additional interactive functionalities with dendrograms and overlays (the colored boxes outside the graph). You can drag dendrograms or overlays to reposition them in the graph as well as you can click on them to further explore the visualization. Give it a try in the larger graph. Press 'ESC' to reset the graph.

Click / DblClick
Click branch
Dbl-click branch
Branches
to flip
to focus
 
 
Drag Dendrogram
to place
 

Click Overlay
to filter
Drag Overlay to place

# Dotlots

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

Drag to zoom
 
 
Drag Sample
to place
 

# 3D Scatter Plots

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

Drag to rotate
Wheel to zoom