Skip to content

Data Visualization

Turn raw data into polished, animated charts and graphs without leaving the editor. Wayaframe's charting system supports 22 chart types across five families, with full control over colors, labels, axes, animations, and styling. Import data from CSV or Excel, customize the design, and the chart renders as a fully animatable clip on your timeline.

Chart types

22 chart types across five families:

Bar charts

  • Bar: vertical bars comparing values across categories.
  • Horizontal Bar: same as bar, oriented horizontally.
  • Grouped Bar / Grouped Horizontal Bar: multiple value series shown side by side for each category.
  • Stacked Bar / Stacked Horizontal Bar: multiple value series stacked per category, showing both individual and total values.
  • Bar Race: animated race chart where bars reorder over time to show rankings changing across periods.

Line charts

  • Line: data points connected by lines, ideal for trends over time.
  • Stacked Line: multiple series with cumulative stacking.
  • Step Line: lines that step between values instead of interpolating smoothly.
  • Line Race: animated race chart where lines grow across time periods.

Area charts

  • Area: filled region below a line, emphasizing volume.
  • Stacked Area: multiple series stacked as filled areas.
  • Gradient Area: area chart with a gradient fill from the line to the bottom.
  • Percent Area: stacked areas normalized to 100%, showing proportions.

Pie and donut charts

  • Pie: circular chart divided into proportional segments.
  • Donut: pie chart with a hollow center that can display a label or value.
  • Half Donut: semicircular donut chart.
  • Nightingale (Rose): polar area chart where segment radius or area represents value.

Scatter charts

  • Scatter: data points plotted by X and Y coordinates.
  • Bubble: scatter chart where point size represents a third variable.
  • Connected Scatter: scatter with lines connecting points in sequence.

Creating a chart

Add a chart from the Animated Charts section in the Effects panel in the sidebar, or import data from a spreadsheet. See Create and Edit Charts for data editing, color palettes, per-chart styling, axes, labels, typography, legend, and animation controls.

Importing data

Import CSV, XLSX, or XLS files directly into a chart. See Spreadsheet Import for the import modal workflow.

Wayaframe Help Center