Home > UI Libraries for prototyping > How to include charts in your prototypes
How to add Google charts in Justinmind Prototyper

Today we’re talking about designing charts with Justinmind to amplify your interactive prototypes. Ever wanted to include a pie chart, bar chart or any other kind of chart in your prototypes and you didn’t know how to go about it? Maybe you’ve tried to use the Justinmind chart library, but found it too complex. Besides, they’re made using Flash so forget about trying to use them in your iPad or iPhone apps prototypes! So, what then? Do Justinminders have a way to include a chart? Now is when Google comes to the rescue.

Google Charts is an amazing html api that let’s you embed any kind of chart you could imagine in your website. The great part is that you can use them in your prototypes as well! We’ll show you how:

First of all, choose the chart you want to include here. Customize the chart the way you want it to look and then copy the HTML code. Finally go to Justinmind, drag the HTML widget and, in the properties panel, paste the HTML code you copied from Google. And that’sit!

Victor is the Product Manager at Justinmind. His specialties include business analysis, usability, requirements management and prototyping. When not busy doing that he is known to eat or sleep.

Download Free