legend placement options

Community Help
3

I didn’t see anything about moving plot legend location in the documentation either. You can move the plot legend to the right easily enough with the CSS float property. I think it’s easier to move the legend below the plot by switching their positions in the output. You can accomplish that with the following code in a separate cell:

move = {
  d3.select(plot)
    .select("div")
    .raise() // Places swatch below the plot
    .style("float", "right"); // Floats the swatch on the right.
}

Here that is in action:

4 Likes