Infographic

Examples

The infographic template can be used as another method for displaying data or illustrations to create a view specifically for visual storytelling. Combining your art with Grommet's Icon, Meter, and Chart components, you can create multiple layout combinations to maximize the visual impact.

Header
Box
Meter
Chart
World Map
Header
Box
Meter
Chart
World Map
Header
Box
Meter
Chart
World Map

Components

Box

General purpose flexible box layout. This supports many, but not all, of the flexbox capabilities.

Chart

The Grommet Chart components provide the building blocks to construct a variety of Chart visualizations.

Header

Combines Title and Menu elements responsively.

Meter

Shows a bar, arc, or circular meter graphic.

World Map

A world map of continents.