SleekView Charts for WPGraphQL Gutenberg: block content dashboards
Read directly from the parsed block JSON the plugin exposes and the underlying post_content in wp_posts, then chart block types, reusable block usage, and pattern coverage across the content library.
♾️ Lifetime License available
The plugin reads block JSON, charts finally summarise it
WPGraphQL Gutenberg makes the block editor queryable from a headless frontend by parsing post_content into structured blocks and exposing them through the GraphQL schema. Instead of returning a serialised HTML blob, the API returns a tree of typed blocks (paragraph, gallery, group, custom-block-x) ready for a React or Vue renderer.
The plugin deliberately stops at exposing the data and does not build a reporting layer for which blocks the site actually uses. Editorial teams want to know how often a custom call-to-action block appears, how many posts still use the legacy classic block, and whether reusable blocks are spreading or being abandoned. None of that is visible in the editor itself.
SleekView Charts reads the block JSON the plugin exposes and the raw post_content in wp_posts, then pivots the parsed tree into chart sources. A Number card pins the total posts using a chosen block. A Pie shows the distribution of block types. A Bar ranks the most-used custom blocks. An Area card plots adoption of a new block over time. The plugin keeps owning the parser, the chart layer owns the coverage story.
Workflow
How SleekView Charts reads WPGraphQL Gutenberg data
Point at the parsed block source
post_content in wp_posts. SleekView reads each post's block tree and offers every block name and attribute as a chart group-by candidate.
Configure the chart cards
Filter once, apply everywhere
Save and share with the content team
Sample dashboard
Charts you can build from WPGraphQL Gutenberg data
Posts using core/group block
core/group at least once, scoped to the selected post type. Sourced from the JSON WPGraphQL Gutenberg parses out of post_content.
Count
Top block types
blockName values across the content library, grouped from the parsed block tree, so the team sees the dominant building blocks at a glance.
Count
group by block_name
Most-used custom blocks
core/* namespace) by occurrence, so theme-specific and plugin-shipped blocks compete on real usage rather than design intent.
Count
group by block_name
Block adoption over time
post_date joined with the parsed block tree. Adoption of a new design pattern becomes a real upward curve.
Count
group by post_date_month
Comparison
Default block editor stats vs SleekView Charts
Default Gutenberg admin
- The block editor offers no aggregate view of which blocks the site uses
- Reusable block usage statistics are limited to a single edit screen
- Custom block adoption across hundreds of posts is invisible without scripting
- Pattern coverage and block type distribution need a one-off WP-CLI run
-
Reporting on block usage means scraping
post_contentmanually
SleekView Charts
- Number cards for posts using a chosen block name from the parsed tree
-
Pie or Donut cards for the distribution of top
blockNamevalues -
Bar cards ranking custom blocks outside
core/*by occurrence - Area cards for adoption of a new block over time
- Same post type and status filters apply to every chart card
Features
What SleekView Charts gives you for WPGraphQL Gutenberg
Real parsed blocks drive real charts
Charts read from the block JSON WPGraphQL Gutenberg exposes (or the underlying post_content directly), so every card reflects an actual parsed tree rather than a static schema definition.
Coverage made visible
An Area card of adoption per month turns a design system rollout into a real upward curve, so design leads and editorial teams see progress instead of guessing whether the new block is being used.
Filters flow across cards
Set a post type, status, or block-name filter once and every chart card on the dashboard respects it. The same configuration drives both the editing table and the reporting view.
Audience
Who builds WPGraphQL Gutenberg charts dashboards
Frontend developers
Confirm which blocks the headless renderer has to support. A pie of top block types is the cleanest input the React or Vue render team will get for prioritising work.
Editorial teams
See how often the new call-to-action block is being used compared to the legacy classic block. The bar chart makes the design system rollout legible without manual auditing.
Design leads
Watch adoption of a new block pattern after a campaign. The area chart of monthly usage is more honest than any design system status report.
The bigger picture
Why parsed blocks deserve a chart view
WPGraphQL Gutenberg makes the block editor queryable from a headless frontend, which is the right call for a modern React or Vue storefront. The plugin focuses on parsing block content into structured JSON and leaves reporting alone, which is correct because the data model is rich and inherently belongs in a dashboard layer rather than a schema definition. Editorial teams want to know whether the new design system block is replacing the legacy classic block, frontend developers want a prioritised list of block types the renderer must support, and design leads want adoption curves they can show the design system steering group.
SleekView Charts reads the same parsed block JSON the plugin exposes (or the underlying post_content directly), pivots it into chart sources, and lets a small set of cards summarise content model coverage. The plugin keeps owning the parser, the chart layer owns the coverage story, and a headless site finally has a content audit that matches its actual structure.
Questions
Common questions about SleekView Charts for WPGraphQL Gutenberg
From the parsed block JSON the plugin exposes via the GraphQL schema or directly from post_content in wp_posts by re-running the block parser. The chart cards aggregate across the same tree shape the headless frontend consumes.
No. WPGraphQL Gutenberg's parsed block tree is available to any consumer, including SleekView's own database read path. A server-rendered theme can use the dashboard equally well, with or without an actual headless frontend in front of it.
Yes. Reusable blocks appear in the parsed tree with a core/block name and a ref attribute pointing to the source wp_block post. Group by ref to count references per reusable block, so unused or oversubscribed reusable blocks become obvious.
Attributes are first-class. Cards can group by any attribute in the parsed tree (alignment, background colour, custom theme attribute). A donut of alignment values across the homepage shows whether the design system is respected consistently.
Yes. SleekView caches the parsed block tree per post and only invalidates on edit, so charts read precomputed counts rather than parsing block content on every load. A library with thousands of posts still renders a top-block pie in under a second.
Yes. View-level filters for post type, status, date range, or block name apply to every chart card on the dashboard. One saved configuration drives both the editing table and the reporting view so investigation and summary stay in sync.
Yes. SleekView only reads from the database and from the parsed block JSON the plugin already produces. There is no extra parsing pass on every page load, only on edit, so the dashboard adds no measurable load to the frontend or admin.
No. The plugin keeps exposing parsed block data to the GraphQL schema for headless consumers. SleekView Charts adds a reporting surface on top of the same parsed data, so frontend renderers and backend dashboards stay in sync without competing layers.
Pricing
More than 1000+
happy customers
Explore our flexible licensing options tailored to your needs. Upgrade your license anytime to access more features, or opt for a lifetime license for ongoing value, including lifetime updates and lifetime support. Our hassle-free upgrade process ensures that our platform can grow with you, starting from whichever plan you choose.
Lifetime ♾️
Most popular
EUR
once
- Unlimited websites
- Lifetime updates
- Lifetime support
...or get the Bundle Deal
and save €250 🎁
The Bundle (unlimited sites)
Pay once, own it forever
Elevate your WordPress site with our exclusive plugin bundle that includes all of our premium plugins in one package. Enjoy lifetime updates and lifetime support. Save significantly compared to buying plugins individually.
What’s included
-
SleekAI
-
SleekByte
-
SleekMotion
-
SleekPixel
-
SleekRank
-
SleekView
€749
Continue to checkoutBrowse more
- Wp Crowdfunding
- Square For Woocommerce
- Woocommerce Wholesale Prices
- Woocommerce Customer Order Csv Export
- Woocommerce Xero
- Wc Multivendor Marketplace
- Woocommerce Mix And Match Products
- Yith Woocommerce Checkout Manager
- Ti Woocommerce Wishlist
- Solid Affiliate
- Woocommerce Pdf Invoices Packing Slips
- Charitable
- Yith Woocommerce Bookings
- Yith Woocommerce Affiliates
- Aelia Prices By Country
- Profile Builder Pro
- User Role Membership
- Profilepress
- Academypress
- Simple Membership Pro
- Simple Membership
- Ultimatemember Followers
- Restrict Content
- Ultimatemember Bbpress
- Magic Members
- User Registration
- Memberium Active Campaign
- Ultimatemember Content Restriction
- Memberium For Keap
- Thrive Apprentice