> ## Documentation Index
> Fetch the complete documentation index at: https://docs.presenton.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Charts and visual content

> Create and edit charts, tables, diagrams, icons, shapes, and visual layouts.

Use the Standard presentation editor to add structured data, visual explanations, and reusable layouts to a slide. Open the relevant tool in the editor rail, choose an element, and refine it on the canvas.

## Edit charts and tables directly

Use a chart when the audience needs to see a pattern or comparison. Use a table when exact values matter. Add and edit both from the Canvas editor.

<Card title="Add and edit tables and charts" icon="chart-column" href="/user-guide/editing-and-refining/canvas/table-editing">
  Watch the complete Canvas workflow for adding a chart and table, then editing their content directly.
</Card>

<Tabs>
  <Tab title="Charts">
    Open **Charts**, then choose a chart or infographic that matches the relationship in the data.

    <div className="guide-media guide-media--detail guide-media--detail-narrow">
      <p className="guide-media-label">Chart and infographic types</p>

      <div className="guide-media-viewport">
        <img src="https://mintcdn.com/presenton-521d9e2f/rOUTEAd7cZsBnrS8/images/user-guide/editing-and-refining/canvas/chart-library-panel.png?fit=max&auto=format&n=rOUTEAd7cZsBnrS8&q=85&s=8a58c1bb266331bf7d0ceadac2b62530" alt="Charts panel showing bar, horizontal bar, stacked bar, line, pie, area, donut, scatter, radar, polar area, progress bar, and gauge chart options" width="974" height="1615" data-path="images/user-guide/editing-and-refining/canvas/chart-library-panel.png" />
      </div>
    </div>

    After adding a chart, select it on the canvas to edit its data and presentation. Depending on the chart type, you can configure the title, values, category labels, legend, axes, grid, and series colors.
  </Tab>

  <Tab title="Tables">
    Open **Tables** and select **Simple Table**.

    <div className="guide-media guide-media--detail guide-media--detail-narrow">
      <p className="guide-media-label">Simple Table in the editor rail</p>

      <div className="guide-media-viewport">
        <img src="https://mintcdn.com/presenton-521d9e2f/isevrd3o6JPIkznF/images/user-guide/editing-and-refining/canvas/table-library-panel.png?fit=max&auto=format&n=isevrd3o6JPIkznF&q=85&s=d64fcbf317f04dcb74faa91e0879c944" alt="Tables panel showing the Simple Table option" width="405" height="180" data-path="images/user-guide/editing-and-refining/canvas/table-library-panel.png" />
      </div>
    </div>

    Select a table cell to edit its content. Use the table actions to add or remove rows and columns, or move a column left or right. Verify every label and value against the source data.
  </Tab>
</Tabs>

### Chart controls

The Standard editor groups its chart choices by purpose:

| Chart family                        | Types                                                  |
| ----------------------------------- | ------------------------------------------------------ |
| Bars and columns                    | Bar, Horizontal Bar, Stacked Bar, Horizontal Stack Bar |
| Lines and areas                     | Line, Area                                             |
| Proportions                         | Pie, Donut, Polar Area                                 |
| Relationships and radial comparison | Scatter, Bubble, Radar                                 |

Use bar charts for category comparison, line or area charts for change over time, pie-like charts for a small number of parts in a whole, and scatter or bubble charts for relationships between measures.

## Build diagrams with icons and shapes

Combine icons, labels, shapes, arrows, and lines when the audience needs to understand a process, hierarchy, or relationship. Keep the reading direction obvious and use one visual meaning for each shape or color.

### Edit and replace icons

Select an icon on the slide to update its color or replace its symbol. Use **Change Icon** to search for a concept, compare matching symbols, choose an icon weight, and apply the replacement.

<Card title="Edit images and icons" icon="photo-film" href="/user-guide/editing-and-refining/canvas/image-editing#edit-an-icon">
  Follow the Canvas guide to recolor an icon or replace it with a better symbol.
</Card>

### Add shapes and connectors

Open **Elements** to insert a rectangle, circle, ellipse, triangle, diamond, pentagon, hexagon, arrow, or line. Select the element on the canvas to move, resize, rotate, or restyle it.

<Card title="Edit shapes and lines" icon="shapes" href="/user-guide/editing-and-refining/canvas/shape-editing">
  Watch the focused Canvas guide for positioning and styling shapes, lines, and connectors.
</Card>

## Add a reusable visual layout

Open **Blocks** when you need a complete slide section rather than one object. Search the block library, review the available layout variants, and select the layout that matches the content you need to present.

<Card title="Blocks and layout" icon="square" href="/user-guide/editing-and-refining/canvas/block-editing">
  Browse reusable block families, compare layout variants, and add a complete visual section to the active slide.
</Card>

## Choose the right visual form

| Use                    | When the audience needs                            |
| ---------------------- | -------------------------------------------------- |
| **Chart**              | A pattern, trend, distribution, or comparison      |
| **Table**              | Exact values or a structured comparison            |
| **Diagram**            | A process, hierarchy, sequence, or relationship    |
| **Icon**               | A compact label or recognizable concept            |
| **Shape or connector** | Emphasis, grouping, direction, or a custom diagram |
| **Block layout**       | A reusable arrangement of several related elements |

## Review before delivery

* Recalculate source values and derived percentages.
* Confirm that axes do not distort the comparison.
* Include units, dates, category labels, and data source context.
* Check that colors remain distinguishable and text remains legible.
* Confirm that table values, chart categories, series, and source labels still match the source after editing.
* Open the exported PPTX or PDF and inspect labels for clipping.