Marketing sections, AI pieces, charts, interactives, backgrounds and text effects. Preview live, copy when you’re signed in.
53 results for “chart”
53 results for “chart”
Smooth lines that draw in from the left, with a crosshair tooltip across every series — an electrified dot grid with twinkling four-point sparks.
Filled trends that sweep in from the left, overlapping or stacked, with a crosshair tooltip — an electrified dot grid with twinkling four-point sparks.
A radar chart on a hexagonal grid; each series grows out of the centre — an electrified dot grid with twinkling four-point sparks.
A grid shaded by value that cascades in diagonally, with a row-and-column crosshair on hover — an electrified dot grid with twinkling four-point sparks.
One band that narrows stage by stage, with counts, shares and step-conversion pills — an electrified dot grid with twinkling four-point sparks.
A live leaderboard whose rows re-sort on a spring as values change. Numbers roll digit by digit, the leader takes the accent, and a row that climbs shows how many places it gained.
Where things go, as bands whose widths are the volume. Particles stream along every band, and the path through one node lights up while the rest steps back. It tours each source, or follows your pointer.
An isometric city of bars, one block per value. Blocks spring up in a wave on view, then new data rolls in and every block springs to its new height. Point at a block to read it.
A year of activity as a grid of days. Weeks pop in from left to right on view, today keeps ticking up and the total rolls. Point at any day to read it; left alone it visits the busiest days.
A donut that draws itself slice by slice on view. The picked slice slides out of the ring and the centre rolls to its value and share. It walks the slices on its own until you point at one.
A live metric whose line scrolls left as new points arrive. A now dot rides the newest value, the reading rolls digit by digit, the scale eases to fit, and pointing at the line reads earlier points.
A team that grows in front of you: the tree opens a level at a time as its lines draw in, then a new hire joins and teammates shuffle over. Point at anyone to trace them to the top.
How long requests take, as a histogram. Bars spring to each new shape as conditions change, p50, p95 and p99 markers slide into place, and the slow tail turns amber. Point at a bar to read it.
Columns that spring up on a dashed grid, with a pointer-following tooltip — soft gradient fills that fade into the floor.
Columns that spring up on a dashed grid, with a pointer-following tooltip — hairline outlines over a faint tint.
Columns of stacked segments that rise together, with every series and the total in the tooltip — soft gradient fills that fade into the floor.
Columns of stacked segments that rise together, with every series and the total in the tooltip — hairline outlines over a faint tint.
A ranked list of bars that slide out one after another, label inside and value at the end — soft gradient fills that fade into the floor.
A ranked list of bars that slide out one after another, label inside and value at the end — hairline outlines over a faint tint.
Smooth lines that draw in from the left, with a crosshair tooltip across every series — soft gradient fills that fade into the floor.
Smooth lines that draw in from the left, with a crosshair tooltip across every series — hairline outlines over a faint tint.
Filled trends that sweep in from the left, overlapping or stacked, with a crosshair tooltip — soft gradient fills that fade into the floor.
Filled trends that sweep in from the left, overlapping or stacked, with a crosshair tooltip — hairline outlines over a faint tint.
Word-sized line, area or bar trends for stat cards and table rows — soft gradient fills that fade into the floor.
Wedges with thin gaps that sweep in clockwise; hovering pops a wedge outward — soft gradient fills that fade into the floor.
Wedges with thin gaps that sweep in clockwise; hovering pops a wedge outward — hairline outlines over a faint tint.
A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — soft gradient fills that fade into the floor.
A ring or semi-circle gauge of rounded segments that sweep in one after another, with the hovered value in the middle — hairline outlines over a faint tint.
Concentric progress rings that fill clockwise one after another, with a centre readout and legend — soft gradient fills that fade into the floor.
A radar chart on a hexagonal grid; each series grows out of the centre — soft gradient fills that fade into the floor.
A radar chart on a hexagonal grid; each series grows out of the centre — hairline outlines over a faint tint.
A grid shaded by value that cascades in diagonally, with a row-and-column crosshair on hover — soft gradient fills that fade into the floor.
One band that narrows stage by stage, with counts, shares and step-conversion pills — soft gradient fills that fade into the floor.
One band that narrows stage by stage, with counts, shares and step-conversion pills — hairline outlines over a faint tint.
One bar divided into coloured ranges, with a marker that slides to the current value — soft gradient fills that fade into the floor.
One bar divided into coloured ranges, with a marker that slides to the current value — hairline outlines over a faint tint.
A row of status blocks — uptime, streaks, steps — that pop up left to right with tooltips — soft gradient fills that fade into the floor.
Points or bubbles that pop in left to right on a dashed grid; hovering finds the nearest point and drops guides to both axes — soft gradient fills that fade into the floor.
Points or bubbles that pop in left to right on a dashed grid; hovering finds the nearest point and drops guides to both axes — hairline outlines over a faint tint.
Columns and a smooth line on their own axes; columns spring up, then the line draws across them, and hovering lists both — soft gradient fills that fade into the floor.
Columns and a smooth line on their own axes; columns spring up, then the line draws across them, and hovering lists both — hairline outlines over a faint tint.
Changes that float from the running total, joined by dashed connectors, with totals on the floor; columns grow in one after another — soft gradient fills that fade into the floor.
Changes that float from the running total, joined by dashed connectors, with totals on the floor; columns grow in one after another — hairline outlines over a faint tint.
Columns that grow up or down from a zero line in their own colours, with signed values at their ends — soft gradient fills that fade into the floor.
Columns that grow up or down from a zero line in their own colours, with signed values at their ends — hairline outlines over a faint tint.
Open, high, low and close per period with volume underneath; candles open from their midpoint, and hovering draws a crosshair and tags the close — soft gradient fills that fade into the floor.
Open, high, low and close per period with volume underneath; candles open from their midpoint, and hovering draws a crosshair and tags the close — hairline outlines over a faint tint.
Tiles sized by value and laid out squarified, settling in largest first with labels where they fit; hovering shows the value and share — soft gradient fills that fade into the floor.
Tiles sized by value and laid out squarified, settling in largest first with labels where they fit; hovering shows the value and share — hairline outlines over a faint tint.
Shares of a whole as a grid of squares, one per percent, filling column by column with a legend beside; hovering lifts one category — soft gradient fills that fade into the floor.
Shares of a whole as a grid of squares, one per percent, filling column by column with a legend beside; hovering lifts one category — hairline outlines over a faint tint.
Nodes stacked in columns by what flows through them, with ribbons revealed left to right; hovering a ribbon or node picks out its flows — soft gradient fills that fade into the floor.
Nodes stacked in columns by what flows through them, with ribbons revealed left to right; hovering a ribbon or node picks out its flows — hairline outlines over a faint tint.