Google Charts – Tres Tribus Cine

Sometimes, you just need to display some statistics in a more graphical way and charts are usually the way to go. And Visual Composer Extensions got you covered there. By hooking into the Google Charts API, you can easily display some basic (or not so basic) charts on your site without the need for any additional plugins. The only important thing is to correctly provide the chart data, which is why examples for the data format are given for each chart.

Enter data directly into element or use Google Spreadsheet as data source
Provide optional image version of chart as download / save option (except for Organization Chart)
Multiple chart options available
Assign custom colors
Fully responsive

Pie Chart

Sample Pie Chart Title

Enter data as follows:

[TS_EnlighterJS_Snippet_Single code_type=»json» code_content=»JTI4JTI3VGFzayUyNyUyQyUyMCUyN0hvdXJzJTIwcGVyJTIwRGF5JTI3JTI5JTJDJTIwJTI4JTI3V29yayUyNyUyQyUyMDExJTI5JTJDJTIwJTI4JTI3U2xlZXAlMjclMkMlMjA3JTI5JTJDJTIwJTI4JTI3RWF0JTI3JTJDJTIwMiUyOSUyQyUyMCUyOCUyN0NvbW11dGUlMjclMkMlMjAzJTI5″]

Donut Chart

Sample Donut Chart Title

Enter data as follows:

Bar Chart

Sample Bar Chart Title

Enter data as follows:

[TS_EnlighterJS_Snippet_Single code_type=»json» code_content=»JTI4JTI3WWVhciUyNyUyQyUyMCUyN1NhbGVzJTI3JTJDJTIwJTI3RXhwZW5zZXMlMjclMjklMkMlMjglMjcyMDA0JTI3JTJDJTIwMTAwMCUyQyUyMDQwMCUyOSUyQyUyOCUyNzIwMDUlMjclMkMlMjAxMTcwJTJDJTIwNDYwJTI5JTJDJTI4JTI3MjAwNiUyNyUyQyUyMDY2MCUyQyUyMDExMjAlMjklMkMlMjglMjcyMDA3JTI3JTJDJTIwMTAzMCUyQyUyMDU0MCUyOQ==» el_file=»»]

Column Chart

Sample Column Chart Title

Enter data as follows:

Line Chart

Sample Line Chart Title

Enter data as follows:

Area Chart

Sample Area Chart Title

Enter data as follows:

Geo Map Chart

Sample Geo Map Chart Title

Enter data as follows:

[TS_EnlighterJS_Snippet_Single code_type=»json» code_content=»JTI4JTI3Q291bnRyeSUyNyUyQyUyMCUyN1BvcHVsYXJpdHklMjclMjklMkMlMjglMjdHZXJtYW55JTI3JTJDJTIwMzAwJTI5JTJDJTI4JTI3VW5pdGVkJTIwU3RhdGVzJTI3JTJDJTIwMzAwJTI5JTJDJTI4JTI3QnJhemlsJTI3JTJDJTIwNjAwJTI5JTJDJTI4JTI3Q2FuYWRhJTI3JTJDJTIwMjUwJTI5JTJDJTI4JTI3RnJhbmNlJTI3JTJDJTIwNDAwJTI5JTJDJTI4JTI3UnVzc2lhJTI3JTJDJTIwODAwJTI5″ el_file=»»]

Combination Chart

Monthly Coffee Production by Country

Enter data as follows:

[TS_EnlighterJS_Snippet_Single code_type=»json» code_content=»JTI4JTI3TW9udGglMjclMkMlMjdCb2xpdmlhJTI3JTJDJTI3RWN1YWRvciUyNyUyQyUyN01hZGFnYXNjYXIlMjclMkMlMjdQYXB1YSUyME5ldyUyMEd1aW5lYSUyNyUyQyUyN1J3YW5kYSUyNyUyQyUyN0F2ZXJhZ2UlMjclMjklMkMlMjAlMjglMjcyMDA0JTJGMDUlMjclMkMxNjUlMkM5MzglMkM1MjIlMkM5OTglMkM0NTAlMkM2MTQuNiUyOSUyQyUyMCUyOCUyNzIwMDUlMkYwNiUyNyUyQzEzNSUyQzExMjAlMkM1OTklMkMxMjY4JTJDMjg4JTJDNjgyJTI5JTJDJTIwJTI4JTI3MjAwNiUyRjA3JTI3JTJDMTU3JTJDMTE2NyUyQzU4NyUyQzgwNyUyQzM5NyUyQzYyMyUyOSUyQyUyMCUyOCUyNzIwMDclMkYwOCUyNyUyQzEzOSUyQzExMTAlMkM2MTUlMkM5NjglMkMyMTUlMkM2MDkuNCUyOSUyQyUyMCUyOCUyNzIwMDglMkYwOSUyNyUyQzEzNiUyQzY5MSUyQzYyOSUyQzEwMjYlMkMzNjYlMkM1NjkuNiUyOQ==» el_file=»»]

Organization Chart

Corporate Structure

Enter data as follows:

[TS_EnlighterJS_Snippet_Single code_type=»json» code_content=»JTI4JTI3TmFtZSUyNyUyQyUyN01hbmFnZXIlMjclMkMlMjdUb29sdGlwJTI3JTI5JTJDJTI4JTI3TWlrZSUyMFNtaXRoJTI3JTJDbnVsbCUyQyUyN0NFTyUyNyUyOSUyQyUyOCUyMCUyN0ppbSUyME1pbGxlciUyNyUyQyUyMCUyN01pa2UlMjBTbWl0aCUyNyUyQyUyN0NGTyUyNyUyOSUyQyUyOCUyN0FsaWNlJTIwV2hpdGUlMjclMkMlMjAlMjdNaWtlJTIwU21pdGglMjclMkMlMjdDT08lMjclMjklMkMlMjAlMjglMjdDYW5kaWNlJTIwR3JlZXIlMjclMkMlMjAlMjdNaWtlJTIwU21pdGglMjclMkMlMjdDQU8lMjclMjklMkMlMjglMjdSb2JlcnQlMjBFdmFucyUyNyUyQyUyN0ppbSUyME1pbGxlciUyNyUyQyUyNyUyNyUyOSUyQyUyOCUyN0phbmV0JTIwQmVyZ2VuJTI3JTJDJTIwJTI3Um9iZXJ0JTIwRXZhbnMlMjclMkMlMjclMjclMjklMkMlMjglMjdMZXNsaWUlMjBHcmF5JTI3JTJDJTIwJTI3Um9iZXJ0JTIwRXZhbnMlMjclMkMlMjclMjclMjk=» el_file=»»]