AreaBump

@nivo/bump
svg

The AreaBump chart is similar to the Bump chart, but instead of only showing the ranking over time, it also shows the values on the y-axis.

If you're only interested in ranking, you can also you use the Bump component.

The responsive alternative of this component is ResponsiveAreaBump.

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

Chart data.

numberrequired

Chart width.

numberrequired

Chart height.

objectoptional
px
px
px
px

Chart margin.

stringoptionaldefault:'middle'
middle

Chart alignment.

stringoptionaldefault:'smooth'

Area interpolation.

numberoptionaldefault:0

Spacing.

numberoptionaldefault:0.6

X padding.

Style
Labels
Grid & Axes
Interactivity
Motion