Adding a legend to a plot when passing in a custom scale?

[sbarre]

I am trying to figure out how to display a legend in my Plot when I've passed in a custom scale.

When I do this:

const p = Plot.plot({
  color: {
    legend: true,
    scheme: "Category10"
  },
  marks: [...]
);

The code works fine, I see my legend.

But I am creating a custom scale that I can share between several Plots in order to maintain consistent colors.. So I have this:

const colorScale = Plot.scale({ color: { type: "categorical", domain: myDomain, scheme: "Category10"} });

const p = Plot.plot({
  color: colorScale,
  marks: [...]
});

Since I typically pass legend: true in the color property of plot(), I'm no longer sure where to put it?

I tried just putting legend: true as a standalone prop for plot and that didn't work. I also tried setting it in the custom scale as one of the options (both at the top-level and as a sub-prop of the color prop) and that didn't work either.

How would I enable the legend if I'm passing in a custom scale object?

Thanks in advance!

[mbostock]

Try color: {...colorScale, legend: true}.

[sbarre]

Worked like a charm, thank you.. didn't realize the output of Plot.scale was a POJO..