Chart Block

This plugin can represent tabular numeric data, functions or some kinds of quality structure and provides different info.

Live Demo | Support

Key Features – Free Version

• 9+ Premium Chart Types: Access advanced visualizations including Bar, Pie, Line, Scatter, Rader, Gauge, Heatmap, Candlestick, Funnel, Stacked, and Grouped Bar charts.

• Custom Dimensions: Easily set the chart width and height for perfect layout integration.

• Visual Customization:

  • Pointer Styles: Choose from 10+ pointer styles (Circle, Cross, Star, Triangle, and more).
  • Pointer Size: Customize pointer size and hover radius for better interactivity.
  • Grid Controls: Set custom grid line colors and label colors to match your site’s theme.

• Advanced Data Management:

  • CSV & JSON Import: Effortlessly import large datasets directly from CSV or JSON files.
  • Export Capability: Export your charts as high-resolution PNG images or download data in CSV/JSON formats.
  • Manual data:Manual data entry and editing directly from 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 in your site using the easy-to-use shortcode generator.
• Responsive Design: All charts are fully responsive and work perfectly on all devices.
• Priority Support: Get direct access to our technical support team for fast troubleshooting and feature requests.

Pro Version – Unlock Premium

• 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 frontend 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.

Features

• Fully Customizable: All the options you need to arrange the showcase to your liking are available here.
• Different Types: Chart block comes with different types, you can easily switch the type of chart.

How to use

• First, install the Chart Block plugin
• Add the Chart Block from the block category called “Widgets” in the Gutenberg editor.
• You can change block settings from the right-side settings sidebar.

• Enjoy!

• For Installation help click on Installation Tab

Feedback

• Did you like this plugin? Dislike it? Do you 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

From Gutenberg Editor:

1. Go to the WordPress Block/Gutenberg Editor
2. Search For Chart Block
3. Click on the Chart Block to add the block

Download & Upload:

1. Download the Chart Block plugin (.zip file)
2. In your admin area, go to the Plugins menu and click on Add New
3. Click on Upload Plugin and choose the chart-block.zip file and click on Install Now
4. Activate the plugin and Enjoy!

Manually:

1. Download and upload the Chart Block plugin to the /wp-content/plugins/ directory
2. Activate the plugin through the Plugins menu in WordPress

1. 

   Bar Chart Preview

2. 

   Bar Chart Settings One

3. 

   Bar Chart Settings Two

4. 

   Bar Chart Settings Three

5. 

   Bar Chart Settings Four

6. 

   Pie Chart Preview

7. 

   Pie Chart Settings One

8. 

   Pie Chart Settings Two

9. 

   Line Chart Types: MultLine/Single

10. 

    Line Chart Settings One

11. 

    Line Chart Settings Two

12. 

    Line Chart Settings Three

13. 

    Scatter Chart Preview

14. 

    Scatter Chart Settings One

15. 

    Scatter Chart Settings Two

16. 

    Radar Chart Preview

17. 

    Radar Chart Settings One

18. 

    Radar Chart Settings Two

19. 

    Gauge Chart Types

20. 

    Gauge Chart Settings One

21. 

    Gauge Chart Settings Two

22. 

    Funnel Chart Types: Horizantal/ Vertical

23. 

    Funnel Chart Settings One

24. 

    Funnel Chart Settings Two

25. 

    Heatmap Chart Preview

26. 

    Heatmap Chart Settings One

27. 

    Heatmap Chart Settings Two

28. 

    Candlestick Chart Types: Candlestick/Hollow

29. 

    Candlestick Chart Types: HLC/OHLC

30. 

    Candlestick Chart Types: Heikin-Aswhi/Line

31. 

    Candlestick Chart Types: Area

32. 

    Candlestick Chart Settings One

33. 

    Candlestick Chart Settings Two

34. 

    Line Chart

35. 

    Bar Chart with Subtitle

36. 

    Pie Chart with Text, Background and Grid line color

37. 

    Rader Chart without Title

38. 

    Doughnut Chart

39. 

    Polar Area Chart

1.1.7

• Added New 9 Premium Chart block styles
• Added ShortCode
• Added Admin Dashboard

1.1.6

• Fix: Border Issue

1.1.5

• Performance Improvement

1.1.4

• Add translate feature

1.1.3

• Reduce PHP Code
• Performance Improvement

1.1.2

• Add option for height

1.1.1

• Reduce PHP Code

1.1.0

• Add option for show hide X or Y scales

1.0.5

• Add option for showing hide grid lines

1.0.4

• Add the download option for the chart

1.0.3

• Performance upgrade.

1.0.2

• Update theme and Colors.

1.0.1

• Add an option to change the point size.
• Fix border size when hovering.

1.0.0

• Initial Release.