How to show a color gradient bar along one of the axes: [image] Plot with color bar on axis I’ve found myself wanting to add a color strip to an axis on a plot a couple of times. This can be done in many ways in Observable.plot. The main constraints are: We want to control the width of …

I would suggest to use Plot.raster for this task. I’ve sent you a suggestion.

I’ve added that in my suggestion , using a mini plot. It’s a lot of additional code though, I wonder if there is a simpler way.

Yes thanks, that works quite well. Took me a while to figure out the subplot thing. I’ve adapted the code a bit because in my use cases the colors where part of the source data set and are not easily calculated from any coordinate.

the discussion continues here Raster positioning · observablehq/plot · Discussion #2313 · GitHub

Axis color bar

Show and tell

roelandschoukens April 6, 2025, 9:18pm 3

Hi, thanks for the suggestion! Do you know a way of making the height of the raster independent from the scale on the Y axis?

Topic		Replies	Views
Observable Plot barY Help	3	600	May 20, 2025
Plot: Adjust bar size and colour? Help	5	467	June 28, 2024
Limit x-axis labels on Plot bar chart Help	3	2173	June 4, 2021
How to properly display axis labels in Observable Plot Help	2	1300	November 11, 2021
Grouped Bar Chart, grouping cut off with Observable Plot Help	0	57	November 23, 2024

Axis color bar

Related topics