Accordion Blocks vs Chart Block – Visualize Data with Bar, Line, Pie Charts

Accordion Blocks is a simple plugin that adds a Gutenberg block for adding accordion drop-downs to your pages. The accordions should blend seamlessly with your theme. However, you may want to add custom styles to your theme. Features Adds a Gutenberg block for adding accordions to your site. Supports multiple accordions with individual settings for each accordion item. Fully responsive. Support for item IDs and direct links. Supports nesting accordions. Accessible (for users requiring tabbed keyboard navigation control). Optional Features Open individual accordion items by default. Disable auto closing of accordion items. Manually close items by clicking the title again. Scroll page to title when it’s clicked open (including setting a scroll offset position). Set the HTML heading tag for the title element (h1–h6, button). Set defaults to be applied to all new accordion items or reset a specific accordion item to the defaults. Supports adding custom block styles using wp.blocks.registerBlockStyle. Output The plugin will ultimately output following HTML (simplified for this example): Title with H2 tag Content Custom CSS You can use the following CSS classes to customize the look of the accordion. .c-accordion__item {} /* The accordion item container */ .c-accordion__item.is-open {} /* is-open is added to open accordion items */ .c-accordion__item.is-read {} /* is-read is added to accordion items that have been opened at least once */ .c-accordion__title {} /* An accordion item title */ .c-accordion__title--button {} /* An accordion item title that is using a ` ` tag */ .c-accordion__title:hover {} /* To modify the style when hovering over an accordion item title */ .c-accordion__title:focus {} /* To modify the style when an accordion item title currently has broswer focus */ .c-accordion__content {} /* An accordion item content container */

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