Build Graph From Scratch with Columns Ai API on New Document Created (Instant) from Google Docs API

Pipedream makes it easy to connect APIs for Columns Ai, Google Docs and 2,900+ other apps remarkably fast.

Trigger workflow on

New Document Created (Instant) from the Google Docs API

Next, do this

Build Graph From Scratch with the Columns Ai API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

This integration creates a workflow with a Google Docs trigger and Columns Ai action. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Select this integration
Configure the New Document Created (Instant) trigger
1. Connect your Google Docs account
2. Configure Push notification renewal schedule
3. Optional- Select one or more Folder
Configure the Build Graph From Scratch action
1. Connect your Columns Ai account
2. Configure Graph Name
3. Select a Chart Type
4. Configure Keys
5. Configure Metrics
6. Configure Rows
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Details#

This integration uses pre-built, source-available components from Pipedream's GitHub repo. These components are developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Trigger#

New Document Created (Instant) on Google Docs

Description:Emit new event when a new document is created in Google Docs. [See the documentation](https://developers.google.com/drive/api/reference/rest/v3/changes/watch)

Version:0.0.5

Key:google_docs-new-document-created

View on GitHub

Google Docs Overview#

The Google Docs API allows you to create, read, and update Google Docs programmatically, enabling a wide range of automations and integrations with other apps and services. With Pipedream, you can harness this API to craft custom serverless workflows that trigger on various events, like form submissions, emails, or scheduled times, and perform actions like updating a document, extracting content, or even generating templated reports.

Trigger Code#

import common from "../common/base.mjs";

export default {
  ...common,
  key: "google_docs-new-document-created",
  name: "New Document Created (Instant)",
  description: "Emit new event when a new document is created in Google Docs. [See the documentation](https://developers.google.com/drive/api/reference/rest/v3/changes/watch)",
  version: "0.0.5",
  type: "source",
  dedupe: "unique",
  methods: {
    ...common.methods,
    generateMeta(doc) {
      return {
        id: doc.documentId,
        summary: `New Document: ${doc.documentId}`,
        ts: Date.now(),
      };
    },
    async processChanges() {
      const lastFileCreatedTime = this._getLastFileCreatedTime();
      const timeString = new Date(lastFileCreatedTime).toISOString();

      const args = this.getListFilesOpts({
        q: `mimeType != "application/vnd.google-apps.folder" and createdTime > "${timeString}" and trashed = false`,
        orderBy: "createdTime desc",
        fields: "*",
      });

      const { files } = await this.googleDrive.listFilesInPage(null, args);
      if (!files?.length) {
        return;
      }
      await this.emitFiles(files);
      this._setLastFileCreatedTime(Date.parse(files[0].createdTime));
    },
  },
};

Trigger Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Google Docs	`googleDrive`	`app`	This component uses the Google Docs app.
N/A	`db`	`$.service.db`	This component uses `$.service.db` to maintain state between executions.
N/A	`http`	`$.interface.http`	This component uses `$.interface.http` to generate a unique URL when the component is first instantiated. Each request to the URL will trigger the `run()` method of the component.
Folder	`folders`	`string[]`	Select a value from the drop down menu.

Trigger Authentication#

Google Docs uses OAuth authentication. When you connect your Google Docs account, Pipedream will open a popup window where you can sign into Google Docs and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Google Docs API.

Pipedream requests the following authorization scopes when you connect your account:

https://www.googleapis.com/auth/drive

About Google Docs#

Use Google Docs to create, edit and collaborate on online documents.

Action#

Build Graph From Scratch on Columns Ai

Description:Builds a graph object from scratch and publishes it. [See the documentation](https://github.com/varchar-io/vaas?tab=readme-ov-file#basic-usage)

Version:0.0.3

Key:columns_ai-build-graph-from-scratch

View on GitHub

Action Code#

import { ChartType } from "columns-graph-model";
import app from "../../columns_ai.app.mjs";
import utils from "../../common/utils.mjs";

export default {
  key: "columns_ai-build-graph-from-scratch",
  name: "Build Graph From Scratch",
  description: "Builds a graph object from scratch and publishes it. [See the documentation](https://github.com/varchar-io/vaas?tab=readme-ov-file#basic-usage)",
  version: "0.0.3",
  annotations: {
    destructiveHint: false,
    openWorldHint: true,
    readOnlyHint: true,
  },
  type: "action",
  props: {
    app,
    name: {
      propDefinition: [
        app,
        "name",
      ],
    },
    chartType: {
      type: "string",
      label: "Chart Type",
      description: "The type of chart to construct",
      async options() {
        return [
          {
            label: "Bar",
            value: ChartType.BAR,
          },
          {
            label: "Pie",
            value: ChartType.PIE,
          },
          {
            label: "Doughnut",
            value: ChartType.DOUGHNUT,
          },
          {
            label: "Line",
            value: ChartType.LINE,
          },
          {
            label: "Area",
            value: ChartType.AREA,
          },
          {
            label: "Scatter",
            value: ChartType.SCATTER,
          },
          {
            label: "Bar Race",
            value: ChartType.BAR_RACE,
          },
          {
            label: "Boxplot",
            value: ChartType.BOXPLOT,
          },
          {
            label: "Column",
            value: ChartType.COLUMN,
          },
          {
            label: "Dot",
            value: ChartType.DOT,
          },
          {
            label: "Gauge",
            value: ChartType.GAUGE,
          },
          {
            label: "Map",
            value: ChartType.MAP,
          },
          {
            label: "Radar",
            value: ChartType.RADAR,
          },
          {
            label: "Summary",
            value: ChartType.SUMMARY,
          },
          {
            label: "Table",
            value: ChartType.TABLE,
          },
          {
            label: "Timeline",
            value: ChartType.TIMELINE,
          },
          {
            label: "Timeline Area",
            value: ChartType.TIMELINE_AREA,
          },
          {
            label: "Timeline Bar",
            value: ChartType.TIMELINE_BAR,
          },
          {
            label: "Tree",
            value: ChartType.TREE,
          },
          {
            label: "Wordcloud",
            value: ChartType.WORDCLOUD,
          },
        ];
      },
    },
    keys: {
      propDefinition: [
        app,
        "keys",
      ],
    },
    metrics: {
      propDefinition: [
        app,
        "metrics",
      ],
    },
    rows: {
      propDefinition: [
        app,
        "rows",
      ],
    },
  },
  async run({ $ }) {
    const {
      app,
      name,
      chartType,
      keys,
      metrics,
      rows,
    } = this;

    const graph = await app.createGraphFromScratch({
      chartType,
      keys,
      metrics,
      rows: utils.parseArray(rows),
    });

    const response = await app.publishGraph({
      name,
      graph,
    });

    $.export("$summary", "Successfully built and published the graph from scratch.");
    return response;
  },
};

Action Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI.

Label	Prop	Type	Description
Columns Ai	`app`	`app`	This component uses the Columns Ai app.
Graph Name	`name`	`string`	The name of the graph
Chart Type	`chartType`	`string`	Select a value from the drop down menu.
Keys	`keys`	`string[]`	An array of keys for the data rows.
Metrics	`metrics`	`string[]`	An array of metrics for the data rows.
Rows	`rows`	`string[]`	An array of data objects, where each object should be a JSON string. Eg. `{ "metric": 4000, "key": "US", "parent": null }`.

Action Authentication#

Columns Ai uses API keys for authentication. When you connect your Columns Ai account, Pipedream securely stores the keys so you can easily authenticate to Columns Ai APIs in both code and no-code steps.

About Columns Ai#

The simple platform to build data stories.

More Ways to Connect Columns Ai + Google Docs#

Other Popular Integrations#

Build Graph From Scratch with Columns Ai API on New or Updated Document (Instant) from Google Docs API

Google Docs + Columns Ai

Try it

Build Graph From Template with Columns Ai API on New Document Created (Instant) from Google Docs API

Google Docs + Columns Ai

Try it

Build Graph From Template with Columns Ai API on New or Updated Document (Instant) from Google Docs API

Google Docs + Columns Ai

Try it

Popular Triggers#

New Document Created (Instant) from the Google Docs API

Emit new event when a new document is created in Google Docs. See the documentation

Try it

New or Updated Document (Instant) from the Google Docs API

Emit new event when a document is created or updated in Google Docs. See the documentation

Try it

Popular Actions#

Append Text with the Google Docs API

Append text to an existing document. See the documentation

Try it

Create a New Document with the Google Docs API

Create a new document. See the documentation

Try it

Append Image to Document with the Google Docs API

Appends an image to the end of a document. See the documentation

Try it

Create New Document From Template with the Google Docs API

Create a new Google Docs file from a template. Optionally include placeholders in the template document that will get replaced from this action. See documentation

Try it

Find Document with the Google Docs API

Search for a specific file by name. See the documentation for more information

Try it