3D Attributes Animations and Visualization Transitions Area Graphs Aspect Ratio, Space and Width Axis Bar Graphs Bin Plots Bins Boxplot Graphs Bullet Graphs Circular Graphs Citations or References Clustering Colors 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 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 and Panel Areas Print Quantile Regression Plots R R-Axis Random Regression Remote Procedures Ridgeline Plots Samples Sankey Diagrams Scatter Plot Matrix Scatter Plots Shadows Shapes Stream Plots Swimmer Graphs Tag Cloud Text Text Placement Titles and Subtitles Tooltip Transparency Treemap Graphs Trees UpSet Plots Variables Venn Diagrams Violin Plots Visium Plots X-Axis Y-Axis Z-Axis Zooming, Panning and Resizing cxplot

Colors : Properties to adjust Colors

Click in graph to show relevant configuration - Click in hashtag to open in new page
# blindnessType
Color Blindness
Type: string
Default:
Options: 0, protanopia, deuteranopia, tritanopia, monochromatic
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, 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, 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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
Colors
Type: array
Default: [#fe296c, #487eb6, #a7ce31, #f8cc03, #ff8c02, #699696, #b77844, #83acd0, #c2e076, #fadc5a, #ff549f, #ffaf54, #9ab8b7, #d2a683, #3d699b, #87ac22, #cda908, #d02158, #d07300, #567676]
Used in: Area, AreaLine, Bar, BarLine, Boxplot, Bubble, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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
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, Chord, Circular, Contour, Correlation, Density, DotLine, Dotplot, 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

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
⇧