Appcino May 16, 2019

Building powerful Google Charts in Appian

Is the tabular form the best way of displaying the data? And if not, then what?

Here comes in picture the graphical way of displaying data i.e. charts. But this does not justify the thought of how do we achieve this in Appian. So, Boom! We just solved your problem. How? You’ll know it just a span of time but before that, let us understand what problems were we facing due to which we had to make Google Charts in Appian possible.
Appian had only basic types of charts which could not fit for every case and lacked the visual representation of the data. Therefore the thought of having more charts within Appian arisen. Now you can use the combination of Appian & Google to make appealing, interactive, responsive, and presentable charts.

How efficient are these charts?

  1. Responsive:- They can adjust according to the screen irrespective of platform & screen ratio
  2. Interactive:- They can respond to user activities and interactions, thus making it possible to play with data.
  3. Supports all browsers:- These charts can be rendered on any browser like Chrome, Firefox, Safari, etc.
  4. Data Presentation:- These charts can display very complex data in easy to understand form

How many types of charts can be made using this plug-in?
This plugin bundles a total of 10 charts i.e Bubble chart, Calendar chart, Candlestick chart, Combo chart, Gantt chart, Pie chart, Sankey chart, Timeline chart, TreeMap chart, and Wordtree chart.

Let’s understand some of the charts & see how they look on Appian


They are used to depict progress in relation to time. Often used for planning or tracking project.

Google Gantt Chart on Appian


A bubble chart is a variation of a scatter chart in which the data points are replaced with bubbles, and an additional dimension of the data is represented in the size of the bubbles. Just like a scatter chart, a bubble chart does not use a category axis — both horizontal and vertical axes are value axes.

Google Bubble Chart on Appian


A pie chart is a circular statistical graphic, which is divided into slices to illustrate numerical proportion. In a pie chart, the arc length of each slice is proportional to the quantity it represents.

Google Pie Chart on Appian



Sankey diagrams are a specific type of flow diagram, in which the width of the arrows is shown proportionally to the flow quantity. The illustration shows a Sankey diagram which represents all the primary energy flows into a factory.

Making and configuring a Google Chart on Appian is as easy as rice plate eating. Start by adding the SAIL component from the components pallet and provide the data in the JSON format. For the ease of making and configuring it, a sample data format is already added in the component’s description.

Still, feel hesitated? There is a sample application attached. You can have a look at it.

For further details on it, contact us!