Getting Started with Infinity Charts

Infinity Charts connects to your Notion databases and Google Sheets to render live, interactive visualizations and multi-widget dashboards. This guide walks through connecting a data source, configuring axes in the Studio workspace, and embedding your chart.

Quick Setup Guide

Step 1: Connect a Data Source

When you open the Studio, link your Notion workspace or Google Sheets account:

1. Click Connect Notion (or select Google Sheets in the Studio inspector).

2. Complete the official OAuth 2.0 authorization prompt.

3. For Notion, select the specific pages or databases you want to make available to Infinity Charts.

4. Click Allow Access to finish connecting.

IMPORTANT

If you create a new Notion database later, share it with the Infinity Charts connection from the page's ... menu so it appears in your database selector. See the Notion Connection & OAuth Flow guide for step-by-step instructions.

Step 2: Select Your Database or Spreadsheet

In the Studio workspace, open the Data tab in the right-hand Properties Inspector. Choose your connected database or spreadsheet from the source dropdown, or click Load Sample Dataset on the canvas to explore with preloaded sample records.

Step 3: Map Your Chart Axes

Infinity Charts inspects your table columns and classifies each property type automatically:

X-Axis: Select the property that defines your categories or timeline (for example: Status, Select, Date, or Title).
Y-Axis: Select the numeric property to aggregate (for example: Revenue, Story Points, or Hours). To count rows without summing a number column, set the aggregation mode to Count.

Step 4: Configure Visualization & Styling

Switch to the Style tab in the right-hand inspector or use the chart type selector to choose a visualization format:

Line, Bar, Ring: Standard time-series, categorical comparisons, and proportional breakdowns.
Radar, Scatter: Multi-variable comparisons and two-variable correlation plots.
KPI, Progress: Single-metric summary cards with sparklines and target gauges.

Customize color palettes, line smoothing, reference lines, value formatting, and conditional color rules.

Step 5: Save, Export, or Embed

Once your chart is configured:

Click Save to Library (or press Ctrl/Cmd + S) to store the chart and add it to a Dashboard.
Open the Share tab in the right inspector to copy the Embed URL for Notion (/embed), or export the visualization as PNG, SVG, PDF, or CSV.

Studio Workspace Layout

The Studio interface is organized into three primary zones:

1. Left Navigation Sidebar: Switch between Create Chart, Dashboard, Library, Setting, and Shortcuts, and manage your workspace account.

2. Center Workspace Canvas: Preview your live chart or switch to the interactive Data Table view. The canvas header provides viewport size simulation (Auto, Mobile, Tablet, Desktop), theme switching (Cosmic, Midnight, Warm Paper, Pure Light, Stakent Violet), and one-click exports.

3. Right Properties Inspector: Configure your visualization across three tabs:

Data: Source connector (Notion or Google Sheets), database selector, chart type, X/Y axis mapping, aggregation mode, sorting, and nested data filters.
Style: Color palettes, Notion color sync, orientation, logarithmic scaling, reference lines, and conditional formatting rules.
Share: Public embed link generator, iframe snippet, and image/document export actions.

TIP

Color Distribution: Built-in color palettes distribute hues evenly across multi-series charts so adjacent bars, lines, and slices remain visually distinct without manual hex tuning.

Resolving Empty Chart States

If a newly selected database displays an empty state on the canvas:

Verify Source Rows: Confirm the selected Notion database or Google Sheet contains rows with valid values in the columns mapped to your X and Y axes.
Refresh Schema: After adding new columns or rows in Notion, click the Refresh button next to the database selector in the Data tab to reload the table schema.