Skip to Main Content

Responsive Charts with Pizza Pie

Posted on 1.01.2014

The demand for interactivity will likely reach fever pitch in 2014 as consumers start to expect more from their digital experiences. As a result, developers and designers must actively look for solutions in order to differentiate their presentations.

Website Magazine covered the D3 framework (Data-Driven Documents - back in early November and suggested then that it was the future of digital content development, but learning an entire framework isn't totally or absolutely necessary if what all you really need is just some better visualization in general. If that sounds like your situation, perhaps you need to check out Pizza Pie Charts from Zurb, a responsive pie chart based on the Snap SVG framework from Adobe.

 SUBSCRIBE FREE to Website Magazine - 12 Issues 

The plugin is built with Zurb's popular responsive framework Foundation (so it's bound to look pretty sharp on retina devices and HiDPI devices). Just include the plugin in the footer of the page where the chart(s) will reside and include the CSS in the head section. What's appealing about Pizza Pie is that it's very straightforward to pull together from an HTML coding perspective - nothing more than a list and few data attributes and you're off and running. The chart itself can even be styled with the CSS extension language SASS and all that's left is to initialize the pie charts.

Easy as Pizza Pie! Check out Pizza Pie Charts over at Github.

Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code