Hylograph.Classify

Package

purescript-hylograph-selection

Repository

afcondon/purescript-hylograph-selection

Generic element classification based on bound data

Provides a type-safe way to apply CSS classes to DOM elements based on predicates over their D3-bound data.

Example:

-- Highlight connected nodes on hover
let targetSet = Set.fromFoldable node.targets
let sourceSet = Set.fromFoldable node.sources

classifyElements "#nodes" "circle" \n ->
  if n.id == hoveredId then "highlighted-source"
  else if Set.member n.id targetSet then "highlighted-upstream"
  else if Set.member n.id sourceSet then "highlighted-downstream"
  else "dimmed"

-- Clear on mouse leave
clearClasses "#nodes" "circle"
  ["highlighted-source", "highlighted-upstream", "highlighted-downstream", "dimmed"]

classifyElements :: forall d. String -> String -> (d -> String) -> Effect Unit

clearClasses :: String -> String -> Array String -> Effect Unit