Hylograph.Components.Legend

data SwatchShape

Swatch drawn next to a label. SwatchMark delegates to Hylograph.Components.Mark — so any ScatterPlot mark shape is a valid swatch, keeping legend and chart visually consistent. SwatchLine is the distinct case for line-style differentiation (solid / dashed / dotted / custom), which has no direct mark analogue.

Constructors

• SwatchMark MarkShape
• SwatchLine LineStyle

data LegendOrientation

Constructors

• Horizontal
• Vertical

type LegendItem = { color :: String, label :: String, shape :: SwatchShape }

type Config = { itemSpacing :: Number, layout :: Layout, orientation :: LegendOrientation, strokeWidth :: Number, swatchLabelGap :: Number, swatchSize :: Number }

Layout, orientation, swatch sizing. itemSpacing is the gap between successive items — pixels on the cross-axis for Vertical, pixels between item-end and next-item-start for Horizontal.

type Input = { config :: Config, items :: Array LegendItem, theme :: Theme }

config :: Config

legend :: Input -> Tree

fromSeries :: forall t r. Foldable t => (Record r -> String) -> t (Record r) -> Theme -> Array LegendItem

Items are coloured from theme.categoricalPalette using the same index logic as the charts' multi-series rendering — so plugging the result into a legend adjacent to a chart yields the same colour per series.

fromLineSeries :: forall t r. Foldable t => (Record r -> String) -> t (Record r) -> Theme -> Array LegendItem

frame :: forall query output m. MonadAff m => Component query (FrameInput Input) output m

data LineStyle

SVG stroke-dasharray patterns as an ADT. CustomDash takes the raw string so unusual patterns remain expressible without combinatorial ADT growth.

Constructors

• Solid
• Dashed
• Dotted
• CustomDash String

dashArray :: LineStyle -> Maybe String

Produce the stroke-dasharray attribute value for non-solid styles. Solid returns Nothing so the caller can skip emitting the attribute.