Bump Chart Examples

Example 1: Investment Strategy Rankings

Rankings of investment strategies over time. Hover over a line to highlight it across all facets. Switch between performance metrics. Toggle between ranking and absolute values.

Data: strategy_data

Example 2: Product Rankings by Region

Product performance rankings faceted by region. Filter regions using the dropdown. Hover to highlight a product across all regions. Dense ranking used: ties get the same rank, next rank continues without gaps.

Data: product_data

Example 2b: Product Rankings with Single-Select Choice

This example demonstrates the difference between choices and filters: - **Region (choice)**: Single-select dropdown - pick exactly ONE region - **Product (filter)**: Multi-select dropdown - can select multiple products Use choices when the user must select exactly one option.

Data: product_data

Example 3: Company Performance (Absolute Values)

Company metrics shown as absolute values rather than rankings. Toggle Y-axis mode to switch to rankings. Select which companies to display using the filter.

Data: company_performance

Example 4: League Rankings from Struct Data Source

This bump chart references data from a LeagueData struct using Symbol("league.rankings").

Data: league.rankings

This page was created using JSPlots.jl v0.6.0.