with LiveKit and Columns Ai?
Emit new event for LiveKit room activities via webhook. See the documentation
Create a new ingress from url in LiveKit. 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
import { RoomServiceClient } from 'livekit-server-sdk';
export default defineComponent({
props: {
livekit: {
type: "app",
app: "livekit",
}
},
async run({steps, $}) {
const svc = new RoomServiceClient(
this.livekit.$auth.project_url,
this.livekit.$auth.api_key,
this.livekit.$auth.secret_key);
return await svc.listRooms();
},
})
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;
},
})