Shared Package Library

HotelWeatherChart

Common

import HotelWeatherChart from "@dertour/ui/components/common/HotelWhenToVisit/HotelWeatherChart"

packages/ui/src/components/common/HotelWhenToVisit/HotelWeatherChart.tsx · used by kuoni

Internal to `HotelPage_Body_WhenToVisit_001`: the month-by-month chart (Figma `chart`, inside `component/when-to-visit` `8324:69278`). A month header row over one plotted row per metric, then the legend row — which on the hotel page carries only the `button/large`, since the page instance hides the four `legend-item`s (they belong to the multi-destination comparison variant, where each month shows four bars instead of one). That comparison variant is what a MULTI-CENTRE trip renders: rows carrying `series` draw one bar per destination and each destination gets a named `legend-item` here. Only rows that declare series name anything, so a single-destination chart legends nothing and this row holds its button alone, exactly as it did before the legend existed. **Accessibility.** The plot itself is decorative markup — divs, a polyline and rotated labels can't be read as data. So the same readings are also rendered as a visually-hidden `<table>`: months as column headers, metrics as row headers, every reading a cell. Screen-reader and keyboard users get the actual numbers; the drawing is `aria-hidden`.


Loading demo…