Chartsy vs Metro Tabs – Responsive Tabs Block

Chartsy is a powerful WordPress chart plugin built with ApexCharts.js, designed to create responsive, interactive, and visually appealing charts. It uses high-performance SVG rendering to ensure smooth animations, precise interactivity, and sharp display across all devices. Whether you’re showcasing business data or complex analytics, Chartsy makes your data easy to understand and engaging. With an intuitive admin interface and real-time preview, you can quickly customize charts by adjusting colors, fonts, legends, and axes. This flexibility helps you build professional data visualizations faster and more efficiently without any complexity. Features ⭐ 18+ Advanced Chart Types – Create everything from standard Line, Area, and Bar charts to complex Candlestick, Heatmap, Treemap, Timeline, Radar, and Polar Area visualizations. ⭐ Dynamic Multi-Series Support – Easily manage multiple data series in a single chart with synchronized legends, shared tooltips, and independent styling for every series. ⭐ Flexible Data Connection – Connect to manual data entry, local or remote CSV files, Google Sheets, SQL databases, REST APIs, or use custom WordPress filters for deep programmatic integration. ⭐ Interactive Toolbar & Controls – Empower users with built-in tools for Zooming (pinching supported), Panning, Selection-zooming, and a one-click Reset to the original view. ⭐ Professional Export Suite – Provide users with the ability to download charts directly as PNG images, SVG files, or CSV/PDF documents for offline viewing and reporting. ⭐ Real-time Admin Preview – Experience zero-latency editing with a live preview system that reflects every change to data sources or styling immediately within the admin panel. ⭐ Precision Plot Options – Deep control over chart geometry including rounded corners (border-radius), stack types (Normal vs 100% Stacked), grouped bars, and custom offset values. ⭐ Advanced Axis Customization – Configure multiple Y-axes, custom label formatting, shared scales, grid-line visibility, and precise range controls for both X and Y dimensions. ⭐ Premium Card Design System – Wrap your charts in beautiful “cards” with custom background gradients, adjustable padding/margins, solid or dashed borders, and rich box-shadow effects. ⭐ Elementor Widget – Elementor widget for chartsy charts there easily drag and drop and choose your chart. ⭐ Dynamic Annotations & Labels – Add custom data labels, markers, and forecast points to highlight specific values or trends, with full control over font styles and background colors. ⭐ Developer Friendly Architecture – Built for developers with extensive hooks (filters and actions) allowing you to inject data or modify chart configurations programmatically. ⭐ Responsive & Touch Optimized – Charts are fully adaptive by default, responding to screen size changes and supporting native touch gestures for mobile interactions like swipe and pinch. ⭐ 24/7 Dedicated Support – Our expert support team is available around the clock to help you with installation, configuration, or any technical questions you may have. ⭐ Shortcode Support – Seamlessly embed your charts anywhere on your site using simple shortcodes: [Chartsy id="123"]. External Services This plugin includes the following open-source libraries: ApexCharts.js A modern interactive SVG chart library used to power the chart functionality. License: MIT

Metro Tabs adds block-editor (Gutenberg) blocks for building tabbed content. You add a Metro Tabs: Tab Group block, then add one or more Metro Tabs: Tab Item blocks inside it. Each tab has a heading (the label visitors click) and a content area where you can add any blocks—paragraphs, images, lists, etc. On the front end, visitors see a simple tab bar and panes; clicking a tab switches the visible content without reloading the page. Features Tab Group block – Container for one set of tabs. You can use multiple Tab Group blocks on the same page for different tab sets. Tab Item block – A single tab: editable heading and a content area that supports any blocks (paragraphs, headings, images, etc.). No JavaScript libraries – Uses vanilla JavaScript only; no jQuery or jQuery UI. Block API version 3 – Compatible with the current block editor (WordPress 6.3+ iframe editor). Lightweight styling – Discrete front-end styles (underline-style active tab); you can override with your theme or custom CSS. How to use In the block editor, add a Metro Tabs: Tab Group block (search for “Metro Tabs” or “Tab Group”). Inside the group, you’ll see placeholder Tab Items (e.g. “Tab 1”, “Tab 2”). Click each Metro Tabs: Tab Item block and: Edit the tab heading (the text shown on the tab). Add any blocks in the tab content area (paragraphs, images, etc.). Add or remove Tab Item blocks as needed. You can add more Tab Groups elsewhere on the page for separate tab sets. Publish or update. On the front end, the tab bar and panes are built automatically; clicking a tab switches the visible pane. No settings or configuration are required. The plugin enqueues its script and styles on the front end when the page contains tab blocks. Compatibility Requires WordPress 6.0 or higher (block editor). Requires PHP 8.0 or higher.