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 Community Help	3	582	May 20, 2025
Plot: Adjust bar size and colour? New To Observable	5	442	June 28, 2024
Limit x-axis labels on Plot bar chart Community Help	3	2154	June 4, 2021
Struggling to make a chart responsive New To Observable	6	1695	June 14, 2022
How to properly display axis labels in Observable Plot Community Help	2	1285	November 11, 2021

Axis color bar

Related topics