Chart Block

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

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.

  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.

  Read the full description on the official page →