Protobi

Post Editor

← All help posts

View post

Add charts to the gallery as templates and you can apply the same settings to any chart.

<img src="/uploads/upload/image/5200/direct/1666630188368-1666630188368.png" alt="Chart Gallery panel displaying 12 chart templates including pie charts, bar charts, tables, word clouds, and column charts. Action buttons 'Add this to gallery' and 'Import from...' appear at the bottom for managing chart templates." style="width: 360px;" class="fr-fic fr-dib">

## Add to the chart gallery

You can create a new chart gallery template by setting the [chartType](/charts/charttypes), and [chartOptions](https://help.protobi.com/charts/charttypes#More%20properties-22) exactly as you want on any [element or group](https://help.protobi.com/new-to-protobi/basic-navigation-in-protobi#Interactive%20elements-1). Once you have everything set the way you like, open the [editor panel](/new-to-protobi/editorpanel) and press the "Add this to gallery" button.

<img src="/uploads/upload/image/5200/direct/1666631705468-1666631705467.png" alt="Edit panel with Chart Gallery section expanded in the left sidebar showing miniature chart template thumbnails. The main canvas displays a pie chart analyzing specialty distribution (Practice Nurse 40%, General Practitioner 60%) and a bar chart showing device attributes with color-coded ratings." style="width: 800px;" class="fr-fic fr-dib">

### Choose attributes

Once you press "Add this to gallery", Protobi will prompt you to select the attributes you want to include in the chart template. chartType and chartOptions are included by default, and you might also want to choose other attributes like colors and format if you want to apply the same to other charts.

<img src="/uploads/upload/image/5200/direct/1689360327355-1689360327355.png" alt="Modal dialog titled 'Choose attributes' prompting users to select which chart attributes to copy to another element. Three options are checked: 'chartOptions', 'chartType', and 'colors', with 'Cancel' and 'Ok' buttons at the bottom." style="width: 367px;" class="fr-fic fr-dib">

## Import another project's gallery

If there's another project with chart gallery templates you want to use, you can import the gallery from one project to another.

Press the "Import from" button:

<img src="/uploads/upload/image/5200/direct/1666632159997-1666632159997.png" alt="Chart Gallery panel displaying the collection of chart templates with the 'Import from...' button emphasized, indicating the option to import chart templates from another project." style="width: 360px;" class="fr-fic fr-dib">

A dialog will pop up, add the Project ID and press "Ok".

<img src="/uploads/upload/image/5200/direct/1666632712203-1666632712203.png" alt="Modal dialog for importing charts from another Protobi project, showing a text input field with the project ID '60a7ae8f691dcc0003788d99' entered, with options to Cancel or Ok." style="width: 360px;" class="fr-fic fr-dib">

**Note**: the Project ID is the string of numbers and letters in the project URL link.

<img src="/uploads/upload/image/5200/direct/1666633894232-1666633894232.png" alt="Browser address bar displaying the full Protobi application URL with a specific dataset ID (5a5fa2dd136a3a0004b461d0), showing where to find the project ID needed for importing chart templates." style="width: 370px;" class="fr-fic fr-dib">

## Gallery in [project settings](/admin-access/project-settings)

Chart gallery templates are also saved in project settings. Press on a chart to see more options.

<img src="/uploads/upload/image/5200/direct/1666633811243-1666633811243.png" alt="Gallery page within Project settings for 'Example Pharma Survey' showing a collection of saved chart templates in a grid layout. The Gallery option is highlighted in the left navigation menu, and various chart types are displayed as thumbnails in the main area." style="width: 800px;" class="fr-fic fr-dib">

Enter text and press "Update" to change a chart's name.

<img src="/uploads/upload/image/5200/direct/1666635038022-1666635038022.png" alt="Individual chart details page in the Gallery showing an S1 pie chart template named 'Pie chart' with an update date of 2022-10-24. Multiple export and action buttons are available including View, HTML, Image, Plotly, Embed, Update, and Delete." style="width: 500px;" class="fr-fic fr-dib fr-fil">

Press on the different buttons to copy the chart in a specific formats.

For example, if you press "Image" you can download or copy the PNG version of the chart.

<img src="/uploads/upload/image/5200/direct/1666635635446-1666635635446.png" alt="A pie chart showing Practice Nurse (38.1%) and General Practitioner (61.9%) with a browser context menu open, highlighting the 'Save Image As...' option for downloading the chart as an image file." style="width: 360px;" class="fr-fic fr-dib">

You can even copy the Embed code to integrate charts into other web pages.

<img src="/uploads/upload/image/5200/direct/1666635517652-1666635517652.png" alt="Gallery embed dialog displaying HTML iframe code for embedding the pie chart into external websites or applications. The code snippet shows the dataset ID, chart ID (cS1), and dimensions (400x400 pixels) with a Copy button for easy code copying." style="width: 800px;" class="fr-fic fr-dib">

Publishing

Date

Status

Slug edit

Content

Thumbnail

Categories Manage

Tools

AI Database

Danger zone