Elements
Our Short Codes
General
GT Alert
GT Animation
GT Banner Ads
GT Before After Image Slider
GT Blockquote
GT Button
GT Circular Progress Bar
NEW
GT Client Carousel
General
GT Code
GT Collapsible
GT Content Boxes (Icon)
GT Counter
GT Data Table
GT Divider
GT Font Awesome Icons
GT Google Map
General
GT Glyphicons
GT Heading
GT Highlight
GT Icon List
GT Label
GT Lazy Load Images
GT Popover & Tooltip
GT Portfolio
NEW
General
GT Pricing Table
GT Progress Bar
GT QR Codes
GT Tabs
GT Team
GT Testimonial
NEW
GT Visibility
GT Weather Icons
Audio / Video
GT Dailymotion
GT SoundCloud
GT Vimeo
GT Youtube
Charts
GT Bar Chart
GT Doughnut Chart
GT Google PieChart
GT Line Chart
Charts
GT Pie Chart
GT Polar Area Chart
GT Radar Chart
Layout
GT Columns
GT Section (Parallax)
Support
Buy Now
Pie Chart
Easy, object oriented client side graphs for everyone. Visualise your data in different ways. Each of them animated, fully customisable and look great, even on retina displays.
copy short code
[gt_pie_chart id="gt-pie_chart-d1" width="1140" height="600" animation_type="linear" animation_delay="" css=""] [gt_circular_chart_data color="#34aadc" highlight="#34aadc" label="Blue" data="30"] [gt_circular_chart_data color="#87d37c" highlight="#87d37c" label="Green" data="90"] [gt_circular_chart_data color="#f9690e" highlight="#f9690e" label="Orange" data="24"] [gt_circular_chart_data color="#747d8c" highlight="#747d8c" label="Lynch" data="58"] [gt_circular_chart_data color="#a05eb7" highlight="#a05eb7" label="Wisteria" data="82"] [gt_circular_chart_data color="#5d9496" highlight="#5d9496" label="Cyan" data="8"] [/gt_pie_chart]
Resize window to see how chart fits to small screen responsively
copy short code
[gt_pie_chart id="gt-pie_chart-d2" width="544" height="190" animation_type="linear" animation_delay="" css=""] [gt_circular_chart_data color="#34aadc" highlight="#34aadc" label="Blue" data="30"] [gt_circular_chart_data color="#87d37c" highlight="#87d37c" label="Green" data="90"] [gt_circular_chart_data color="#f9690e" highlight="#f9690e" label="Orange" data="24"] [gt_circular_chart_data color="#747d8c" highlight="#747d8c" label="Lynch" data="58"] [gt_circular_chart_data color="#a05eb7" highlight="#a05eb7" label="Wisteria" data="82"] [gt_circular_chart_data color="#5d9496" highlight="#5d9496" label="Cyan" data="8"] [/gt_pie_chart]
copy short code
[gt_pie_chart id="gt-pie_chart-d3" width="544" height="190" animation_type="linear" animation_delay="" css=""] [gt_circular_chart_data color="#87d37c" highlight="#87d37c" label="Blue" data="30"] [gt_circular_chart_data color="#34aadc" highlight="#34aadc" label="Green" data="90"] [gt_circular_chart_data color="#747d8c" highlight="#747d8c" label="Orange" data="24"] [gt_circular_chart_data color="#f9690e" highlight="#f9690e" label="Lynch" data="58"] [gt_circular_chart_data color="#5d9496" highlight="#5d9496" label="Wisteria" data="82"] [gt_circular_chart_data color="#a05eb7" highlight="#a05eb7" label="Cyan" data="8"] [/gt_pie_chart]
Specify custom width, height, colors & animation
copy short code
[gt_pie_chart id="gt-pie_chart-d4" width="1140" height="600" animation_type="linear" animation_delay="" css=""] [gt_circular_chart_data color="#87d37c" highlight="#87d37c" label="Blue" data="30"] [gt_circular_chart_data color="#34aadc" highlight="#34aadc" label="Green" data="90"] [gt_circular_chart_data color="#747d8c" highlight="#747d8c" label="Orange" data="24"] [gt_circular_chart_data color="#f9690e" highlight="#f9690e" label="Lynch" data="58"] [gt_circular_chart_data color="#5d9496" highlight="#5d9496" label="Wisteria" data="82"] [gt_circular_chart_data color="#a05eb7" highlight="#a05eb7" label="Cyan" data="8"] [/gt_pie_chart]