bChart – Interactive Data Charts vs Syntax-highlighting Code Block (with Server-side Rendering)

Create and display a Data Chart on your site within a few clicks. Easily visualize your data! bChart is a powerful and flexible chart plugin for WordPress that transforms your data into beautiful, interactive visualizations. bChart Block | 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. How To Use? Install and activate the bChart Block plugin. Open a post or page in the Gutenberg editor. Click the + icon and search for bChart. Add the bChart Block and configure your chart settings directly inside the editor. OR Go to -> bChart from Dashboard menu -> Add New Chart. Configure the Chart according to your preference Copy the Generated shortcode from the chart edit screen and paste in shortcode block in the edit screen of a post or page. Enjoy creating beautiful interactive charts!!!! ⭐ Checkout our other WordPress Plugins 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 StreamCast – A fully-featured Radio Player Plugin for WordPress. 🔥 3D Viewer – Display interactive 3D models on the webs. 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/ Freemius (wp.freemius.com) Endpoint: https://wp.freemius.com/ Used for: Processing plugin opt-in consent form submissions. Data sent: Only after explicit user opt-in — user name, email, site URL, WP/PHP version, plugin version. Terms of Service: https://freemius.com/terms/ Privacy Policy: https://freemius.com/privacy/ 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.com/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

This plugin extends the Code block in WordPress core to add syntax highlighting which is rendered on the server. Pre-existing Code blocks on a site are automatically extended to include syntax highlighting. Doing server-side syntax highlighting eliminates the need to enqueue any JavaScript on the frontend (e.g. Highlight.js or Prism.js) and this ensures there is no flash of unhighlighted code (FOUC?). Reducing script on the frontend improves frontend performance, and it also allows for the syntax highlighted code to appear properly in AMP pages as rendered by the official AMP plugin (see also ampproject/amp-wp#972) or when JavaScript is turned off in the browser. This extended Code block uses language auto-detection to add syntax highlighting, but you can override the language in the block’s settings sidebar. (There is currently no syntax highlighting of the Code block in the editor, but see #8.) The plugin supports all programming languages that highlight.php supports (being a port of highlight.js). The Code block also is extended to support specifying lines to highlight which get marked up with mark elements (including in RSS feeds). There is also a checkbox for whether to show line numbers on the frontend (with the numbers being non-selectable). Lastly, given inconsistencies across themes regarding whether lines in a Code block should be wrapped, this plugin adds styling to force them to no-wrap by default, with a checkbox to opt in to wrapping when desired. For advanced usage, please see the plugin wiki. This plugin is developed on GitHub. See list of current issues with the plugin. Please feel free to file any additional issues or requests that you may come across. Pull requests are welcome. See contributing information. Credits This is a fork of Code Syntax Block by Marcus Kazmierczak (mkaz), which is also available on WordPress.org. Copyright (c) 2018 Marcus Kazmierczak. Licensed under GPL 2.0 or later. highlight.php is released under the BSD 3-Clause License. Copyright © 2006-2013, Ivan Sagalaev ([email protected]), highlight.js (original author). Copyright © 2013, Geert Bergman ([email protected]), highlight.php