3D Attributes Animations and Visualization Transitions Area Graphs Aspect Ratio, Space and Width Axis Bar Graphs Bin Plots Bins 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 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 Table/Filter Data Time Series Data Transformation Data UI Widgets Debug Decorations Dendrograms Density Plots Dotplot Graphs Dumbbell Graphs Effect 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 Motion Charts Network Algorithm Parameters Network Cola Algorithm Parameters Network Communities Network Graphs Network Node and Edge Attributes Oncoprint Graphs 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 Remote Procedures Ridgeline Plots Samples Sankey Diagrams Scatter Plot Matrix Scatter Plots 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 X-Axis Y-Axis Z-Axis Zooming, Panning and Resizing cxplot

Colors : Properties to adjust Colors

# blindnessType
Color Blindness
Type: string
Default:
Options: 0, protanopia, deuteranopia, tritanopia, monochromatic
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

blindnessType : "protanopia"

blindnessType : "deuteranopia"

blindnessType : "tritanopia"


# colorScheme
Color schemes can be user defined which will take the colors in the color property or one provided in canvasXpress. The order of the colors will be used to sequentially select when a different color is needed in a particular visualization
Type: string
Default: User
Options: AAAS, Accent, BMS, BMSBackground, BMSBlue, BMSBrown, BMSGreen, BMSPink, BMSPrimary, BMSSecondary, BMSTertiary, BMSTertiaryDark, BMSTertiaryLight, BMSWheat, Basic, Behance, BehancePair, BehanceQuartet, BehanceTrio, Black, BlackAndWhite, BlueGrey, BlueRedGrey, Blues, BluesDark, Bootstrap, BrBG, Brand, Brooklyn99Dark, Brooklyn99Regular, BuGn, BuPu, CanvasXpress, CanvasXpressOLD, CanvasXpressTraditional, Cividis, ColorBlind, ColorSpectrum, Colorful, ColorfulAlt, Complementary, Dark2, Default, Diverging, DivergingAlt, Economist, EconomistBG, Excel, Excel2, Excel3, Favorite, GGBlanket, GGPlot, GameOfThronesArryn, GameOfThronesGreyjoy, GameOfThronesLannister, GameOfThronesManderly, GameOfThronesMartell, GameOfThronesStannis, GameOfThronesStark, GameOfThronesTargaryen, GameOfThronesTully, GameOfThronesTyrell, GnBu, GravityFalls, Greens, Grey, GreyHC, Greys, Heat, Highcharts, Inferno, JCO, Jama, KimPossible, Lancet, LastAirBenderAir, LastAirBenderEarth, LastAirBenderFire, LastAirBenderWater, Light, Magma, Matlab, NEJM, NPG, OrRd, Oranges, PRGn, Paired, ParksAndRecreation, Parula, PaulTol, PiYG, Plasma, Prism, PrismPair, PrismTrio, PuBu, PuBuGn, PuOr, PuRd, Purples, Rainbow, RdBu, RdGy, RdPu, RdYlBu, RdYlGn, Reds, RickyAndMorty, Simpsons, Solarized, SolarizedBase, Spectral, SpongeBob, Stata, Stata2, Stata3, StataMono, Tableau, TableauBlueRed, TableauColorBlind, TableauCyclic, TableauGreenOrange, TableauGrey, TableauLight, TableauMedium, TableauPairSequential, TableauPurpleGrey, TableauTrafficLight, TableauTripleDiverging, Viridis, ViridisInv, WHO, WallStreetJournal, WallStreetJournal2, WallStreetJournal3, WallStreetJournalBlackGreen, WallStreetJournalDemRep, WallStreetJournalRedGreen, White, YlGn, YlGnBu, YlOrBr, YlOrRd
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorScheme : "Plasma"

colorScheme : "Spectral"

colorScheme : "Viridis"


# colorSpectrum
An array with valid color names to create a color brew for the default color indicators
Type: array
Default: [#4575b4, #91bfdb, #e0f3f8, #ffffbf, #fee090, #fc8d59, #d73027]
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorSpectrum : ["blue","white","red"]

colorSpectrum : ["green","yellow","orange"]


# colorSpectrumBinned
Flag to bin the color spectrum based on the colorSpectrumBreaks or the colorSpectrum colors
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorSpectrumBinned : true

colorSpectrumBinned : false


# colorSpectrumBreaks
An array with numbers in ascending order for the color spectrum to create discontinuous spectra. It must have the same length of the colorSpectrum array for example [0, 0.3, 1]
Type: array
Default: []
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorSpectrumBreaks : []

colorSpectrumBreaks : [1,2,10]

colorSpectrumBreaks : [-5,0,2]


# colorSpectrumByFactor
Color spectrum by factor in heatmaps. The first key represents the name of the factor within the x/z data object. The subsequent keys correspond to each level of that factor. Finally, the next keys include show, order, spectrum, setMin, setMax, zero, and breaks, each paired with their respective values
Type: object
Default: {}
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorSpectrumByFactor : {"Lab":{"B":{"spectrum":["rgb(0,0,255)","rgb(255,255,255)","rgb(255,0,0)"]},"A":{"spectrum":["rgb(255,215,0)","rgb(255,255,255)","rgb(160,32,240)"]}}}


# colorSpectrumZeroValue
A value to be at the center of the color spectrum to produce symmetrical heatmaps
Type: float
Default:
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colorSpectrumZeroValue : 0

colorSpectrumZeroValue : 2.5


# colors
Colors
Type: array
Default: [#0ab0db, #fe6969, #fed385, #47db0a, #9e0adb, #ff7d00, #ffa2c0, #a0d7e7, #63b5e5, #f9a7a7, #fef0c7, #83e16f, #c763e5, #ffb347, #ffc1d3, #bfe2ed]
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

colors : ["#ff0000","#00ff00","#0000ff"]

colors : ["#ffc0cb","#add8e6","#90ee90"]

colors : ["#ffa500","#800080","#008080"]


# evenColor
Color for the even numbers in samples when the property block contrast is set in one dimensional plots or the color for odd number residues in translations in genome plots
Type: color
Default: rgb(245,245,245)
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

evenColor : "#E0E0E0"

evenColor : "#CACACA"


# oddColor
Color for the odd numbers in samples when the property block contrast is set in one dimensional plots or the color for odd number residues in translations in genome plots
Type: color
Default: rgb(255,255,255)
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, ParallelCoordinates, Pie, Radar, Sankey, Scatter2D, Scatter3D, ScatterBubble2D, Stacked, StackedLine, StackedPercent, StackedPercentLine, Streamgraph, Sunburst, TagCloud, Tree, Treemap, Venn, Violin, Waterfall

oddColor : "#E0E0E0"

oddColor : "#CACACA"


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
⇧