with Gravity Forms and Columns Ai?
Emit new event when a new form submission is received.
Creates a new entry in a Gravity Forms form. See the documentation
Builds a graph object from scratch and publishes it. See the documentation
Builds a graph object from a template and publishes it. See the documentation
The Gravity Forms API allows you to interact programmatically with Gravity Forms, a WordPress form plugin, to create, update, delete, and retrieve form entries. Within Pipedream, you can leverage this API to automate workflows, integrate with other apps, and manipulate form data in real-time. By connecting Gravity Forms to Pipedream's serverless platform, you open up possibilities to sync form submissions with databases, trigger notifications, or even process payments automatically.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
gravity_forms: {
type: "app",
app: "gravity_forms",
}
},
async run({steps, $}) {
return await axios($, {
url: `https://${this.gravity_forms.$auth.base_api_url}/wp-json/gf/v2/forms`,
headers: {
"Content-Type": `application/json`,
},
auth: {
username: `${this.gravity_forms.$auth.consumer_key}`,
password: `${this.gravity_forms.$auth.consumer_secret}`,
},
})
},
})
import { ChartType } from 'columns-graph-model';
import { Columns } from 'columns-sdk';
export default defineComponent({
props: {
columns_ai: {
type: "app",
app: "columns_ai",
}
},
async run({steps, $}) {
const rows = [{
"value": 312,
"state": "WA",
"parent": "US"
}];// rows is an example data set where you should organize your data in a similar way.
//Instantiates a Columns SDK object with your API Key.
const columns = new Columns(this.columns_ai.$auth.api_key);
const data = columns.data(['state'], ['value'], rows);
const graph = columns.graph(data);
// switch to different chart types: BAR, PIE, DOUGHGUT, LINE, AREA, SCATTER, etc.
graph.type = ChartType.COLUMN;
// customise the graph (lots of options in its data model)
graph.settings.general.palette = ['#ff0000', '#00ff00', '#0000ff'];
graph.settings.general.background = '#00000002';
return graph;
},
})