Building Your App in ChartApps

ChartApps offers two pathways to get your application up and running: Manual Building for granular control and AI Building for a streamlined, automated experience.

Method 1: Manual Building

Best for: Users who need precise data mapping and full control over the initial setup.

Phase 1: Initial Setup

  1. Start the Process: Click the Create App button on your main dashboard menu.

    Method1ManualBuilding
  2. Define App Details:

    • Name: Enter a unique name for your application.

      Method1ManualBuilding
    • Subdomain: Choose a custom URL prefix (e.g., app-name.chartapps.com).

      Method1ManualBuilding
    • Connect Google Account: Select the Google account containing your data.

      Method1ManualBuilding

Note

💡 Important: Ensure you use the account where your primary Google Sheets are stored to enable seamless syncing.

Phase 2: Data Configuration

After clicking Next, link your specific spreadsheet assets:

  1. Choose Your Spreadsheet: Select the Google Sheet file you want to use as your database.

    Method1ManualBuilding
  2. Select User Data Sheet: Choose the specific tab within your spreadsheet that contains your user list.

    Method1ManualBuilding
  3. Map User Fields: Match your spreadsheet columns to the app requirements:

    • Field 1 (Name): Select the column containing user names (e.g., Column A).

    • Field 2 (Email): Select the column containing email addresses (e.g., Column B).

    Method1ManualBuilding

Phase 3: Finalize

Launch: Click the Create Dashboard button. Your app environment will be generated instantly.

Method1ManualBuilding

Method 2: AI-Powered Building

Best for: Users who want to skip manual configuration by using natural language descriptions.

Phase 1: Initial Setup

  1. Initiate AI Build: Click the AI Build button on your dashboard.

    Method2AI-PoweredBuilding
  2. The Prompt: In the text field, enter a detailed description of your app’s purpose (e.g., “Create a real estate listing tracker with price filters”).

    Method2AI-PoweredBuilding
  3. Start: Click Build Now to let the AI architect in your app structure.

    Method2AI-PoweredBuilding

Phase 2: Data Configuration

Once the AI has drafted your app, link your live data in four quick steps:

  1. Authorize Google: Click Connect Google Account to link your workspace.

    Method2AI-PoweredBuilding
  2. Select Spreadsheet: Choose the Google Sheet file that holds your data.

    Method2AI-PoweredBuilding
  3. Select Tab: Choose the specific page within your spreadsheet that contains your user list.

    Method2AI-PoweredBuilding
  4. Map User Fields: Match your spreadsheet columns to the app requirements:

    • Field 1 (Name): Select the column for user names.

    • Field 2 (Email): Select the column for email addresses.

    Method2AI-PoweredBuilding

Phase 3: Finalize

  1. Review Preview: Test the buttons and layout in the Live Preview to ensure it meets your needs.

  2. Refine (Optional): If it’s not quite right, click Re-generate to provide new instructions.

    Method2AI-PoweredBuilding
  3. Customize Subdomain: Edit your Subdomain at the top of the preview screen to create a shareable URL.

    Method2AI-PoweredBuilding
  4. Launch: Click Generate App to publish your application.

    Method2AI-PoweredBuilding