Adding text marks inverts the axis of the chart. Wonder what’s causes the behavior. Plot.plot({ grid: false, legend: false, marginLeft: 80, x: { domain: d3.sort(data, d => -d["Size of holding"]).map(d=>d["Size of holding"]) }, marks: [ Plot.barY(data, { x: "Size of holding…

the :warning: icon gives you a hint in the console, that the domain is made of strings that look like numbers. As they are strings, they will be considered ordinal, where what you want is probably a linear scale. Two solutions: type your data (“No of households” should be numbers), or: use an exp…

Bar chart axis is inverted

Community Help

arky March 16, 2022, 2:11pm 3

Thank you @Fil

I have failed to notice warning icon gives you hint in the console. It is not mentioned anywhere in the docs.

Topic		Replies	Views
Problem with domain when using a group Community Help	4	290	June 17, 2022
Some advice on learning how to dissect a chart's code Community Help	2	362	September 1, 2022
Label either side of origin in barchart at 0 Community Help	2	304	September 6, 2023
How to display text in each level of a stacked bar chart made with Plot Community Help	2	1202	May 7, 2022
Struggling to make a chart responsive New To Observable	6	1558	June 14, 2022

Bar chart axis is inverted

Related topics