Effects
LEGEND APPSPreview
Animated chart row
Stable labels and changing values move with an animated chart bar.
← All effects
Still captured in Legend Slides for macOS (development build).
Requires a Legend Slides build with effect installation support. Installs the charts pack (1.0.0, 9 KB source) and its dependencies. macOS host capabilities: reanimated, skia. Installed decks work offline.
Use it in a deck
---
title: Animated chart row
---
import { View, Text } from "react-native";
import { BarRow } from "slides:charts/BarRow";
# Animated chart row
<View style={{ width: 1696, height: 650 }}>
<Steps count={2}>{step => <BarRow id="sample-row" name="Requests" value={step ? 82 : 38} maximum={100} y={180} highlighted animateValue valueLabel="requests" />}</Steps>
</View>
Configure
- id
- Unique shared-element ID within the deck.
- value / maximum
- Caller-owned data and scale.
- layout
- Override label, bar and row geometry.
Only imported effects enter the compiled deck. Installation and versioning →