Bump

@nivo/bump

The Bump chart can be used to show the ranking of several series over time. It is quite similar to line charts, but instead of graphing some measure on the y-axis, it only shows the ranking of each serie at a given time.

If you'd like to show the ranking and also graph the y-axis values, you can also you use the AreaBump component.

The responsive alternative of this component is ResponsiveBump.

Actions Logs
Start interacting with the chart to log actions
Base
BumpSerie<Datum, ExtraProps>[]required

Chart data.

numberrequired

Chart width.

numberrequired

Chart height.

objectoptional
px
px
px
px

Chart margin.

stringoptionaldefault:'smooth'

Line interpolation.

numberoptionaldefault:0.6

X padding.

numberoptionaldefault:0.5

X outer padding.

numberoptionaldefault:0.5

Y outer padding.

Style
Labels
Points
Grid & Axes
Interactivity
Motion