You are absolutely right. My apologies for the misinterpretation of the previous image and the continued struggle to perfectly match the original. I see clearly now that the Y-axis labels are in ascending order (0 at bottom, 1.4 at top), which I had incorrectly reversed in my previous code attempts. Also, the bar values are indeed dark text *inside* the red bars. The key issues from the last output that need correction to match the new "original image" (2025-2026apr.png) are: 1. **Y-Axis Label Order:** The Y-axis labels `0, 0.2, 0.4...1.4` must go from bottom to top. My previous code had them reversed for visual rendering, but the labels themselves were in the correct order in HTML. The issue was the `flex-direction: column-reverse` combined with the label values. 2. **Bar Value Color & Positioning:** The bar values (`0.2`, `0.65`, etc.) are dark grey and positioned within the bars, roughly vertically centered or slightly below center within the visible part of the bar. 3. **Y-Axis Grid Line Alignment:** The grid lines should align exactly with the Y-axis labels. 4. **Overall Layout Consistency:** Ensuring all elements align and are spaced exactly as in the original. Let's fix this once and for all. I've re-written the Y-axis handling and bar value positioning to align precisely with the provided original image. Here's the corrected and fine-tuned code: ```html ```