with SkyCiv and Columns Ai?
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
SkyCiv API offers engineering analysis and design capabilities within the cloud, allowing structural calculations and manipulations over the web. By integrating SkyCiv with Pipedream, users can automate complex engineering workflows, connect with other apps for enhanced data handling, and trigger actions based on structural analysis results. This seamless integration facilitates real-time decision-making and can significantly streamline operations in construction, architecture, and engineering projects.
import { axios } from "@pipedream/platform"
export default defineComponent({
props: {
skyciv: {
type: "app",
app: "skyciv",
}
},
async run({steps, $}) {
const data = {
"auth": {
"username": `${this.skyciv.$auth.email}`,
"key": `${this.skyciv.$auth.api_key}`
},
"functions": [
{
"function": "S3D.session.start",
"arguments": {}
},
{
"function": "S3D.model.script",
"arguments": {
"script": "API_RETURN_DATA = S3D.info.user;"
}
}
]
}
return await axios($, {
method: "post",
url: `https://api.skyciv.com:8085/v3`,
data,
})
},
})
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;
},
})