Hi, I am wondering how this nesting works? I've been trying to render this directly with but can't seem to get x right. I.e. how does x: d => d.state and x = (d, i) => i work together from stateages? I have been trying to get this into one component without nesting for 2 days now, so sorry to bother. Thanks for any hints

I'm not sure how to answer the question. The horizontal position of each bar is determined by its value for both x (State) and z (age class). I would encourage you to fork this notebook, then post your fork with more details on the forum at https://talk.observablehq.com/