Function bindD3Bump

bindD3Bump(svg: Element, config: D3LineConfig): D3BinderResult
Binds a D3.js bump chart (rank over time) to MAIDR.

A bump chart is a multi-line layer whose y values are ranks: 1 is the best position and the smallest number. The extraction is that of bindD3Line — one <path> per competitor, fill naming it — and the ranks you already bind are what y should read. The trace inverts the pitch so first place is the highest note, and announces the places gained or lost at each period, so nothing extra has to be computed here.

A slope graph of values is a line chart with two samples, not this.
Parameters
- svg: Element
  The SVG element containing the D3 bump chart.
- config: D3LineConfig
  Configuration specifying selectors and data accessors.
Returns D3BinderResult
A D3BinderResult with the MAIDR data and generated layer.
Example
```
bindD3Bump(svgElement, {
  selector: 'path.rank-line',
  title: 'League Table by Round',
  axes: { x: 'Round', y: 'Rank', fill: 'Team' },
  x: 'round',
  y: 'rank',
  fill: 'team',
});
```
- Defined in adapters/d3/binders/line.ts:100

src