layercake icon indicating copy to clipboard operation
layercake copied to clipboard

more axis examples

Open ahoyahoy opened this issue 1 year ago • 4 comments

Can you please add some Axis examples with ticks on opposite side (right or top) and chart with more than one axis in one direction?

ahoyahoy avatar Apr 20 '23 05:04 ahoyahoy

For the right or top axes, I have a few other things on my plate at the moment so if you were to start it as a PR that would help.

I don't think Layer Cake is a great solution for multiple-axis charts since it has a built-in concept of one dataset per <LayerCake> component. I would use the position='absolute' option to layer multiple <LayerCake> components on top of one another but I could also see that being difficult to make room for two axes. I tend to think multiple-axis charts are a difficult design and information challenge so it's not something I've tried to tackle.

mhkeller avatar Apr 20 '23 15:04 mhkeller

@ahoyahoy For top/right placement, you could take a look at how LayerChart's Axis component is implemented (built upon LayerCake)

techniq avatar Jun 28 '23 15:06 techniq

I'm also redoing the existing axis components to make their behavior a bit more standardized

mhkeller avatar Jul 19 '23 19:07 mhkeller

~I'll close this since we're tracking it in this PR: https://github.com/mhkeller/layercake/pull/165~

I made some progress this week in a much better AxisY component with an interactive example where you can toggle the different layout options. Now that I have this as a model, I can port it to the other ones.

edit: actually fine to keep open

mhkeller avatar Feb 10 '24 19:02 mhkeller

Closed via https://github.com/mhkeller/layercake/pull/165

mhkeller avatar Mar 08 '24 04:03 mhkeller