Observable

Components

Observable Components that are used in and support Observable Templates 

Template Components

I ran into a case where i wanted the years sorted in reverse (fy: { reverse: false }). could we expose that as an option?

Ian Johnson

sure! I've added fy as an option, and you can pass fy: {reverse: false}

another request: make pointer-events-none on text optional. when using tooltip the numbers get in the way

What would you suggest we change re: pointer-events-none? Currently the hover behavior is on the rect, and the text shouldn't get in the way since it's always set to pointer-events:none.

i think an older version did not have that? it works as expected now.

Some of the dates seem barely readable. Would it be possible to flip the text color to black if the fill lightness is above a certain threshold?

Fabian Iwand

yes, with https://observablehq.com/@observablehq/plot-colorcontrast-custom-transform

Sorry it doesn't work. I've tried several things and it's always ugly when we flip the text color. Maybe we should instead use a background color palette that doesn't go to the lightest colors.

Wonderful. Nice and compact. Also nice that the months ‘snap together’. That is, no gaps between months.

Wish: week numbers, please.

Martien van Steenbergen

How to change the order of days ? It is possible by setting daysToShow to `[1,2,3,4,5,6,0]` to begin with monday. But then I saw that it destroys the order for the example below by setting the jan. 2nd 2022 after the 8th 😭.

Fati CHEN

Both are good ideas! I accept code suggestions too :)

Week numbers and order of days are now configurable! Thank you for the discussions and contributions.

there's a bug that prevent the calendar showing up if it contains ONLY ONE DATE on Jan, the 1st

Wow, thank you for spotting that bug! Should be fixed now.

fullExtent was going from the "floor" of the year for the smallest date to the "ceil" of the largest. However when all the dates are 1st Jan the ceil was the same day instead of a year later. So I changed it to the floor of the largest date, offset by one year.

Yep - had seen it and updated my copied function as well