{{d3-graph (pipe
  (d3-select-all '.line')
  (d3-data data)
  (d3-join
    enter=(pipe
      (d3-append 'path')
      (d3-attr 'class' 'line')
      (d3-attr 'd' (pipe
        (r/get 'data')
        (d3-line xScale yScale xAccessor=inputKey yAccessor=outputKey)
      ))
      (d3-style 'stroke' (pipe groupKey colorScale))
      (d3-style 'fill' 'none')
      (d3-style 'stroke-width' '1.5px')
    )

    update=(pipe
      (if with-transition (d3-transition transition) (d3-noop))
      (d3-attr 'class' 'line')
      (d3-attr 'd' (pipe
        (r/get 'data')
        (d3-line xScale yScale xAccessor=inputKey yAccessor=outputKey)
      ))
      (d3-style 'stroke' (pipe groupKey colorScale))
    )

    exit=(pipe
      (if with-transition (d3-transition transition) (d3-noop))
      (d3-style 'opacity' 0)
      (d3-remove)
    )
)) classNames='ember-sparkles--line-chart'}}