Pixel Bars

Columns of squares that fill bottom-up, with ghost cells for the empty part.

Pro<PixelBarChart />1 variantiOS · Android · Expo Go

Installation

A Pro chart: one command copies its source into your app (built on the free expo-charts engine, which the CLI installs too). You own the code.

Prop	Type	Default
data One block per category.	{ label, value, color? }[]	—
height Chart height.	number	240
animate Entrance animation.	boolean	true
isLoading Skeleton state.	boolean	false
formatValue Value formatting.	(v) => string	compact
onSelect Tap callback.	(item, index) => void	—
levels Squares per column.	number	10
gap Gap between squares.	number	2
gradient Fade colour upwards.	boolean	true

Did you like the content?

Columns of squares that fill bottom-up, with ghost cells for the empty part.

Pro<PixelBarChart />1 variantiOS · Android · Expo Go

Pro chart Pro

A Pro chart: one command copies its source into your app (built on the free expo-charts engine, which the CLI installs too). You own the code.

The install command is part of ExpoKit Pro Pro

The usage example is part of ExpoKit Pro Pro

Prop	Type	Default
data One block per category.	{ label, value, color? }[]	—
height Chart height.	number	240
animate Entrance animation.	boolean	true
isLoading Skeleton state.	boolean	false
formatValue Value formatting.	(v) => string	compact
onSelect Tap callback.	(item, index) => void	—
levels Squares per column.	number	10
gap Gap between squares.	number	2
gradient Fade colour upwards.	boolean	true

The source is part of ExpoKit Pro Pro

Did you like the content?