visualize your data WITH EASE

Cornerstone Charts was built from the ground up to work beautifully, simply, and natively within the Cornerstone Builder's framework. It leverages the widely popular and well documented chart.js visualization library which is known for it's under-the-hood performance, advanced charting animations, wide offering of chart types and inherent responsive styling.

We all know that one of the best features of WordPress is its extensibility – from custom post types, to custom fields, to plugin data and everything in between.

Cornerstone Charts leverages the native Cornerstone Dynamic Content to easily and efficiently tap into data from nearly anywhere on your site. This means you can do things like (but definitely not limited to):

• Access third party plugin data to create powerful visual representations of data
• Access user meta to display things like posts and topics over time
• Access post data by taxonomy to display segmentations
• Access Gravity Form entry data to display personalized visualizations based on user inputs
• Access ACF fields to display post specific data
• Leverage JSON to create your own data structure
• And so much more!

There are six unique baseline chart types. But the fun doesn't stop there, each chart type can then be customized with precise granularity for nearly endless possibilities. The included chart types are:

• Bar Charts
• Pie Charts
• Line Charts
• Radar Charts
• Scatter Charts (new)
• Bubble Charts (new)
• Doughnut Charts
• Polar Area Charts

This is the best part! We've put a lot of effort into simplifying the setup, configuration and styling process of the charting object structure, data structure, label structure, and animations. What this means is that you can build fully interactive charts from directly within the Cornerstone Builder. From the 50,000 foot view, this means you can get incredibly granular on things like:

• Dataset Values
• Labelset Values
• Chart Titles
• Chart Colors
• Chart Fonts
• Interaction States
• Advanced Animations
• Functional Legends
• Tooltip Design & Content
• Advanced Chart-Specific Axis Controls
• Responsive Sizing Controls

Yep! Cornerstone Charts will work with X and Pro. It's also compatible with Cornerstone Standalone if you have purchased the plugin to use with other themes. 

Interestingly, very few charting tools are responsive. But guess what...we are! Charts are fully responsive out of the box and have additional features for specifying things like width and height values to keep things looking clean. Due to the nature of javascript charts the responsive styles are handled inherently and are not specified on a per object value like you may be used to for things like text or image Elements.

If you're a Cornerstone user, Cornerstone Charts will feel like home. We were very intentional throughout our development process to ensure that we remain true to the framework of our familiar interface. However, charts naturally opened up an entirely new level of opportunity that required new chart-specific controls to be created in order to get as granular as possible while still keeping the interface as clean as possible. We've even included tooltip explanations for more nuanced features so you can learn while charting.

This is a powerful data visualization tool that is best managed as a separate WordPress plugin for speed, performance, and overall code optimization. If you build with WordPress, this is a must own! Your future websites, designs, and clients will thank you 🙂

Affirmative! You can (1) buy Cornerstone Charts on its own (2) buy a lifetime bundle that includes the Pro Theme, Cornerstone Builder, and Cornerstone Charts or (3) subscribe to Pro Max for access to the Pro Theme, Cornerstone Builder plus all Max products including Cornerstone Charts.

Once purchased, you can activate and install the plugin from the Validation Page of your WordPress admin. If you have recently purchased and it still shows locked, select the Refresh Validation under the Max section of your Validation Page. This will check the system for the latest purchase history.