Protobi

Post Editor

← All help posts

View post

## Create a new element in the project view

To add a new element, simply press on the plus sign within any tab to create a new element.

<img src="/uploads/upload/image/5200/direct/1696446174107-Screenshot%202023-10-04%20at%203.02.49%20PM.png" alt="Report view showing a pie chart of practitioner specialties (60% General Practitioner, 40% Practice Nurse) and a bar chart of device reviews by S1, with an empty drop zone at the bottom featuring a blue tooltip labeled "Move or create an element here" and a plus icon." style="width: 565px;" class="fr-fic fr-dib">

<img src="/uploads/upload/image/5200/direct/1696446207219-Screenshot%202023-10-04%20at%203.03.22%20PM.png" alt="Modal dialog titled "Add an element" with instructional text "Enter a new key to create a new element, or the key of an existing element to mirror it here:" and a text input field showing "new_element" with Cancel and Ok buttons at the bottom." style="width: 321px;" class="fr-fic fr-dib">

Result:

<img src="/uploads/upload/image/5200/direct/1696446239279-Screenshot%202023-10-04%20at%203.03.56%20PM.png" alt="The Report now displays three chart elements: the original Pie chart (Sample overview), Bar chart (by S1), and a newly added element titled "new_element" showing a blue horizontal bar at 100% with [NA] label and N value of 100." style="width: truepx;" class="fr-fic fr-dib">

### Add data to your new element using field

Once you create the new element you can use field to pull data into the element. See [How elements get their data: field, element and transform](/edit-access/how-elements-get-their-data-fields-transforms-and-elements) to learn more.

<img src="/uploads/upload/image/5200/direct/1696446471869-Screenshot%202023-10-04%20at%203.07.49%20PM.png" alt="Properties dialog titled "More properties" with a help icon, displaying configuration fields for the new_element: key field shows "new_element", displayKey/headline/title/footnote fields all show "text", type dropdown is set to "(default)", and field is set to "S1"." style="width: 361px;" class="fr-fic fr-dib">

## Create a new element in data process

You can create a new element in the data without manually adding a new element to the project view.

[Add a data process](http://help.protobi.com/110257-process-data-in-protobi/data-processing#Add%20a%20data%20process-2) and include code that defines your new column. Below are two different examples, one to create a sum column and another to create a variable based off existing data.

## Example code

```
rows.forEach(function(row) {
    //Create sum column
    row.Q2_sum = (+row.Q2_1) + (+row.Q2_2) + (+row.Q2_3)

//Create variable based off logic
    if (row.S14 == 2 || row.S14 == 3) row.awareness = "Aware"
    else row.awareness = "Not aware"
});
```

[Delete](#)

After you run the code, and reload the project all new columns appear as elements in the Fields tab.

<img src="/uploads/upload/image/5200/direct/1646179408557-1646179408557.png" alt="The Protobi interface shows the left sidebar Elements panel with sections like Screener, Report, Question Types, and Banners, while the main area displays the Fields tab containing field buttons for "Survey completion date", "iterationid", "respid", "Q2_sum", and "awareness", with a bar chart below showing awareness data (40% Not aware, 60% Aware, N=100)." class="fr-fic fr-dib">

Publishing

Date

Status

Slug edit

Content

Thumbnail

Categories Manage

Tools

AI Database

Danger zone