Module
Comparison Chart
Featured Content
Visualize Benefits by Comparison
A comparison chart is a great way to condense a large number of benefits into a digestible piece of content for your users. Highlight the features most important to your users in rows and compare your offering to competitors in columns.
Options:
- Unlimited rows and columns
- Use custom icons for "yes" and "no" values
- Customize styles
- Add scroll-reveal animation
Demo
Basic Chart
Shown with all default options.
- Swipe to see plans
-
Featured Column
Lorem ipsum dolor sit.
-
Column Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
Yes Yes -
Row Title
Lorem ipsum dolor sit.
Yes Yes
-
Featured Column
Lorem ipsum dolor sit.
-
Column Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
- Swipe to see plans
-
Featured Column
Lorem ipsum dolor sit.
-
Column Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
Lorem ipsum dolor sit.
-
Column Title
Lorem ipsum dolor sit.
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
-
Row Title
Lorem ipsum dolor sit.
-
Featured Column
-
Column Title
-
Demo
Advanced Options
Show here with custom styles and icons in place of "yes" and "no" values.
Module Editor
Available Options
![Comparison chart module options including section style and toggle for custom icons](https://cell.hivestrategy.com/hubfs/modules--chart--options--module_options.png)
![Custom icon options for the comparison chart module](https://cell.hivestrategy.com/hubfs/modules--chart--options--custom_icons.png)
![Module options for adding columns and rows to the comparison chart module.](https://cell.hivestrategy.com/hubfs/modules--chart--options--columns_rows.png)
![Comparison chart column content options](https://cell.hivestrategy.com/hubfs/module--chart--options--column_content.png)
![Row options for comparison chart module.](https://cell.hivestrategy.com/hubfs/modules--chart--options--row_content.png)
![Options for adding values to row content](https://cell.hivestrategy.com/hubfs/modules--chart--options--row_values.png)
![Animation options for the comparison chart module](https://cell.hivestrategy.com/hubfs/modules--chart--options--animation.png)