How to get Plotly.js default colors list?

javascript plotly
Sushil Kumar picture Sushil Kumar · Nov 18, 2016 · Viewed 21.5k times · Source

I am plotting a plotly bubble chart on a webpage.. I want to get the list of default colors, plotly uses to draw the bubbles.

Answer

KDD picture KDD · Jun 23, 2017

According to the source code of Plotly.js (src/components/color/attributes.js), the default color list is

    '#1f77b4',  // muted blue
    '#ff7f0e',  // safety orange
    '#2ca02c',  // cooked asparagus green
    '#d62728',  // brick red
    '#9467bd',  // muted purple
    '#8c564b',  // chestnut brown
    '#e377c2',  // raspberry yogurt pink
    '#7f7f7f',  // middle gray
    '#bcbd22',  // curry yellow-green
    '#17becf'   // blue-teal

If you have more than 10 series, you will go back to the first color.

Related questions

Plotly update data

Okay so i have the following code: var element = document.getElementById(scope.changeid); function getData(division,redraw) { var employeeData = []; if (!division) { $http.get(api.getUrl('competenceUserAverageByMyDivisions', null)).success(function (response) { processData(response,redraw); }); } else { $http.get(api.getUrl('competenceUserAverageByDivision', division)).…

Read More
Flex items not shrinking when window gets smaller

I'm trying to fit two plotly plots next to each other inside a CSS flexbox. I want them to resize when the window is resized. It works as expected when the window grows, but the plots don't shrink when the …

Read More
Format y-axis as percent in plot.ly

How do I format the y-axis as percent in plot.ly?. in var layout I have the following settings for the y-axis: yaxis: { hoverformat: ",.0%" }, which changes the hover to percentages but the values printed on the y-axis still go from 0…

Read More