Chart Block – turn your data into clear visual stories
Turn raw numbers into beautiful, responsive charts your readers instantly understand – right inside the Gutenberg editor, no spreadsheet screenshots required.
Why Chart Block?
Tables full of numbers make visitors skim. Chart Block turns tabular numeric data into clear visual stories – bar, pie, line, scatter, radar, gauge, heatmap, candlestick, funnel, stacked, and grouped bar charts – all rendered responsively on every device.
Enter data manually in the editor, or import large datasets from CSV or JSON files in seconds. Every chart is fully customizable: dimensions, pointer styles, grid lines, legends, typography, and even currency symbols for financial reporting. Visitors can export charts as high-resolution PNG images or download the underlying data as CSV/JSON.
You can easily switch a chart from one type to another, and a shortcode generator lets you place charts anywhere on your site – not just in block-based content.
Free Features
- 9+ Chart Types: Bar, Pie, Line, Scatter, Radar, Gauge, Heatmap, Candlestick, Funnel, Stacked, and Grouped Bar charts.
- Custom Dimensions: Set the chart width and height for perfect layout integration.
- Pointer Styles: Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more) with custom size and hover radius.
- Grid Controls: Set custom grid line colors and label colors to match your site’s theme.
- CSV & JSON Import: Effortlessly import large datasets directly from CSV or JSON files.
- Export Capability: Export charts as high-resolution PNG images or download data in CSV/JSON formats.
- Manual Data Entry: Enter and edit data directly in the Gutenberg editor.
- Advanced Typography: Full control over Google Fonts, font weights, and responsive font sizes for titles, labels, and legends.
- Custom Currency Support: Add any currency symbol ($, €, £, etc.) and format data for global financial reporting.
- Specialized Scales: Custom color scales and diverging palettes for heatmaps and multi-series charts.
- Legend Options: Control legend position (Top, Left, Bottom, Right) and customize label colors.
- Shortcode Support: Use charts anywhere on your site with the easy shortcode generator.
- Responsive Design: All charts work perfectly on all devices.
- Priority Support: Direct access to our technical support team for fast troubleshooting and feature requests.
Pro Version
- Advanced Controls: Segments Separate, Donut & Semi-circle mode.
- Professional Styling: Toggle Legend, Grid & Axis for all charts.
- Enhanced Visuals: Customize Point Styles, Fill Area, and Curve Types.
- Download Button: Toggle show/hide for charts in the front-end UI.
- Animation Controls: Full control over chart animations and speed.
- Advanced Typography: Custom Google Fonts and multi-device sizing.
- Customization: Currency Symbols and Advanced Data Editor.
How to Use – Quick Start
- Install and activate the Chart Block plugin.
- In the Gutenberg editor, add the Chart Block from the “Widgets” block category.
- Enter your data manually or import it from a CSV/JSON file.
- Adjust the chart type, colors, legend, and typography from the right-side settings sidebar.
- Publish – your chart is live and fully responsive.
Use Cases
- Business Reports: Present revenue, growth, and KPI data with bar and line charts.
- Finance Sites: Display market data with candlestick and gauge charts, complete with currency symbols.
- Marketing & Sales Pages: Visualize funnels and comparisons that support your pitch.
- Education & Research: Turn datasets into readable heatmaps, radar, and scatter charts.
- Bloggers & Journalists: Back up stories with clean, exportable data visuals.
Did you like this plugin? Have a feature request? Please share your feedback with us.
Check out the Parent Plugin of this plugin-
B Blocks – A blocks collection and page building tool for Gutenberg.
Check out our other WordPress Plugins-
Html5 Video Player – Display videos as single and playlist in multiple skins.
PDF Poster – Display/Embed PDF files with different styles.
Html5 Audio Player – Listen audios with awesome visuals.
StreamCast – Customizable radio player with different skins.
3D Viewer – Embed 3D models and 3D products with interaction.
Advanced Post Block – Show posts and custom posts in different layouts.
External Services
This plugin connects to the following external services from the admin dashboard:
bPlugins API
- Service URL: https://api.bplugins.com
- Purpose: The plugin’s admin dashboard fetches product comparison data and pricing information to display relevant upgrade options and feature details.
- Data Sent: Only the plugin slug is transmitted; no personal or site data is collected.
- Terms of Service: https://bplugins.com/terms-of-service/
- Privacy Policy: https://bplugins.com/privacy-policy/
WordPress.org Plugins API
- Service URL: https://api.wordpress.org/plugins/info/1.2/
- Purpose: The admin dashboard queries the official WordPress.org Plugins API to retrieve and display a curated list of other plugins by the same author (“Our Plugins” section).
- Data Sent: Plugin slugs and author name; no personal or site data is collected.
- Terms of Service: https://wordpress.org/about/tos/
- Privacy Policy: https://wordpress.org/about/privacy/
Third-Party Libraries / bpl tools
- Source / GitHub: https://github.com/bPlugins/bpl-tools
- License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
- Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
- External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made