Skip to main content

Search...

⌘K

Getting Started

Getting Started

Core Features

Node Types

SQL Editor

Chart Customization

Canvas

Frame Organization

Canvas Navigation

Team

Collaboration

Export & Download

Resources

Additional Resources

Getting Started

FlowFrame is a visual data analytics platform enabling real-time collaboration through an infinite canvas with node-based workflows. It allows teams to connect data sources, write SQL queries, build visualizations, and share interactive dashboards — all in one place.

Create Your First Project

Sign up at app.flowframe.io/auth/signup. After signing up, you can create a project from the dashboard.

1

Open the project creation dialog

Click "Create Project" in the center of the dashboard, or "New Project" in the top-right corner.
2

Name your project

Enter a descriptive name for your project and click Create.
3

Explore the canvas

The canvas opens automatically. You will see three main areas: the data source panel on the left, the top icon tray with mini tools, and the frame settings panel on the right.
Tip
The canvas is infinite — you can zoom, pan, and arrange nodes anywhere. Use the navigation controls at the bottom of the canvas to fit all frames into view.

Connect Your Data

Before building any queries or visualizations, you need to connect a data source. Open the data source panel on the left side of the canvas.

Click + in the Connections section, or if you are a new user, click "+ Add connection". Then select your source type, enter the required details, and click Connect.

Supported Data Sources

  • File uploads: CSV, JSON, Parquet

  • MongoDB: Requires IP whitelisting and a connection string

  • BigQuery: Service account JSON with specific permissions

  • Additional sources: Coming soon

File Upload

1

Open Connections

Click + in the Connections section and select File Upload.
2

Choose your file

Select a file in CSV, JSON, or Parquet format from your computer.
3

Connect

Click Connect to upload the file.
4

Review data preview

A preview of your data will be displayed. Verify the columns and rows look correct.
5

Confirm upload

Click "Upload & Connect" to finalize. Uploaded files appear under Spreadsheets in the data source panel.

MongoDB Connection

Important
You must whitelist FlowFrame's IP address before connecting. Add 178.62.57.52 to your MongoDB Atlas IP Access List.
1

Whitelist FlowFrame's IP

In MongoDB Atlas, navigate to Network Access and add IP 178.62.57.52 to the IP Access List.
2

Configure the connection

Back in FlowFrame, enter your username, password, cluster info, and database name in the connection form, then click Connect.

BigQuery Connection

1

Create a service account

In Google Cloud Console, create a service account with the following permissions:

  • bigquery.datasets.get

  • bigquery.jobs.create

  • bigquery.routines.get / bigquery.routines.list

  • bigquery.tables.get / bigquery.tables.getData / bigquery.tables.list

Export the credentials as a JSON key file.
2

Upload the service account file

In FlowFrame, enter a connection name and upload the JSON service account file, then click Connect.

Next

Node Types

Ready to build with FlowFrame?
Create your free account and start building visual data workflows today.
Start Free