Charts

Charts turn a spreadsheet into a slide-ready visualization without leaving the editor. Five types are available: Line, Area, Bar, Pie, and Donut.

#Adding a Chart

Select a block and click "Add Chart" (or simply drop a data file onto an empty grid cell). The chart editor opens with two ways in:

• Upload data - drop or pick a CSV, Excel, Numbers, Pages, Google Sheets, Word, text, Markdown, or TSV file. PaneFlow reads the table out of it.
• "Add Manually" - start with an empty table and type the data in.

Pick the chart type at the top, watch the live preview update, then click "Insert Chart". To change an existing chart later, select it and click "Edit Chart" in the sidebar.

#Editing Data

The "Dataset" tab is a small spreadsheet: edit any cell inline, add rows and columns with "Add Row" / "Add Column", and remove columns you do not need. Per column you control:

• which column provides the labels / X axis (the radio button),
• which columns are charted (the checkboxes),
• each dataset's color.

Above the table, "Value Prefix" and "Value Suffix" decorate values ("$", "%", "km"), "Value Round" abbreviates large numbers (Thousand, Million, Billion), and the axis legends name your axes. The X axis "Format" can also parse label columns as dates.

#Styling

The "Chart Style" tab adapts to the chart type: orientation, bar and group spacing, and rounded corners for bars; stroke width for lines and areas; label position and slice spacing for pies and donuts. Toggles cover grids, axes, legends, value labels, and gradient fills, with color pickers for each part. The selector in the preview corner changes the chart's aspect ratio, from wide 4:1 strips to tall 1:4 columns.

A chart keeps its aspect ratio inside its frame. To make one larger or smaller on a specific pane, use its Scale - like all elements, scale is per-pane and animates between panes.

#Animating Charts

Charts have their own animation type: Chart draws the bars, lines, or slices in when the pane becomes active, dataset by dataset. Apply it in the "Animation" group like any other animation.

#Next

• Element Animations - timing and delay controls
• Elements Overview - shared controls and sizing
• Text - number-roll stats to pair with charts