3D Attributes Animations and Visualization Transitions Area Graphs Aspect Ratio, Space and Width Axis Bar Graphs Bin Plots Boxplot Graphs Bubble Graphs Bullet Graphs Chord Graphs Circular Graph Arc Sectors Circular Graph Connections Circular Graph Tracks Circular Graphs Citations or References Clustering Colors Combination Plot Strips Combination Plots Confidence Intervals Context Menu Contours Correlation Graphs DOE Data Data Context Data Customizer Data Faceting Data Filters Data Point Attributes Data Ratio Reference Data Selection Data Sorting Data Table Data Time Series Data Transformation Data UI Widgets Debug Decorations Dendrograms Density Plots Dotplot Graphs Dumbbell Graphs Error Bars Events Fish Graphs Fit Lines Foreground and Background Gantt Charts General General Attributes General One Dimensional Graphs Genome Browser Genome Browser Features Genome Browser Sequences Genome Browser Tracks Gradients Graph Metadata Grey Out HTML Widgets Heatmap Color Indicators Heatmap Graphs Hierarchy Histograms Ideograms Images Kaplan Meier Plots LLM Legends Line Graphs Lines Loess Lollipop Graphs Manhattan Plots Maps Maps Albers Maps Leaflet Maps Orthographic Marginal Text Margins Meter Graphs Missing Data Network Algorithm Parameters Network Cola Algorithm Parameters Network Communities Network Graphs Network Node and Edge Attributes Oncoprint Graphs OptionsWall Charts Overlays Parallel Coordinates Graphs Pie Charts Plot Area Plot Data Type Plot Mode Plot Performance Plot View Plot and Panel Areas Print Quantile Regression Plots R R-Axis Random Ranges Regression Ridgeline Plots Samples Sankey Diagrams Scatter Plot Matrix Scatter Plots Scrollbar Shadows Shapes Sizes Stream Plots Swimmer Graphs Tag Cloud Text Text Placement Titles and Subtitles Tooltip Transparency Tree Bracket Treemap Graphs Trees UpSet Plots Variables Venn Diagrams Violin Plots Visium Plots Waterfall Graphs Workflow Charts X-Axis Y-Axis Z-Axis Zooming, Panning and Resizing cxplot

Animations and Visualization Transitions : Animation and visualization transition parameters

# showAnimation
Flag to show/hide the animation for the graphs
Type: boolean
Default: true
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

showAnimation : true

showAnimation : false


# showTransition
Flag to show/hide the transitions for the graphs
Type: boolean
Default: false
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

showTransition : true

showTransition : false


# transitionFunction
Easing function for the transition
Type: string
Default: easeInOutQuad
Options: linear, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

transitionFunction : "linear"

transitionFunction : "easeOutQuad"


# transitionSpeed
String to be interpreted in the CSS transitions
Type: string
Default: 0.3s
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

transitionSpeed : "0.3s"

transitionSpeed : "0.5s"


# transitionStaggering
Steps for transitionioning data objects
Type: integer
Default: 10
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

transitionStaggering : 10

transitionStaggering : 25


# transitionStep
Steps for transition
Type: integer
Default: 30
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

transitionStep : 30

transitionStep : 55


# transitionType
How showTransition animates a re-render: "morph" (default) interpolates each mark from its old to its new position; "crossfade" dissolves the whole previous frame into the new one (a raster blend) — smoother for composite graphs whose marks change shape/count between renders
Type: string
Default: morph
Options: morph, crossfade
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Bullet, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, Dumbbell, Fish, Gantt, Genome, Heatmap, Histogram, Line, Lollipop, Map, Meter, Network, Oncoprint, OptionsWall, ParallelCoordinates, Pie, Radar, SPLOM, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

transitionType : "morph"

transitionType : "crossfade"


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 Learn Api Spec Quality Accessibility Updates Changelog
Company
Contact License Governance Support Regulated & GxP Admin
Information
Terms of Use Privacy policy References
⇧