Grafias support
Search…
⌃K

Airtable as data source

Run your graphis on air using Airtable as data source

Sign up for an free Airtable account

Airtable is a easy to use tool for collecting data. And its a perfect companion for Grafias running live graphics.
Just a few lines of codes is needed

Let's get started

One of the huge time savers using Airtable is that you can make a form from your base, so your clients can add the data you need to run lower thirds.
The first thing you need to do is to add the fields you need. You can call the Base and Fields anything.
You can start from scratch or find for a base in Airtable. Search for Employee.
Add a Field call Button
You don't need to know any coding to integrate Grafias with Airtable. You only need to change the URL if you keep the base and field names the same as in the example we did.
//replace with APIR url from grafias
let grafiasAPI = 'https://api.grafi.as/i/play/ffdf525a0cf8dadba4b282869989b73b:21d3dc0dc58e40e9aea2';
//Edit the table and fields value
let table = base.getTable("Speakers");
let heading1 = 'Speakers';
let heading2 = 'Title';
let img1 = 'Image';
let record = await input.recordAsync('Select a record to use', table);
if (record) {
//2 Field, Heading 1 and Heading 2 lower third graphics
// let response = await fetch( grafiasAPI + '?h1=' + record.getCellValue(heading1) + '&h2=' + record.getCellValue(heading2));
//For lowerthird with photo
let response = await fetch( grafiasAPI + '?h1=' + record.getCellValue(heading1) + '&h2=' + record.getCellValue(heading2) + '&media_url_1=' + record.getCellValue(img1)[0].url);
} else {
output.text('No record was selected');
}
You can add more headings in your grafias template by adding more fields in Airtable and following the code sample.