shadcn.io is not affiliated with official shadcn/ui
Social Analytics Dashboard Block for Solid
Fourteen posts from three networks on a scatter of time of day against engagement, with a checkbox chip per network, a readout for the post you press, and a table of followers, growth and best hour.
Installation
Overview
Find the hours your posts do best, with this social analytics panel for Solid with Ark UI. A hairline frame with a plus mark on each corner draws fourteen Postpilot posts from a week as marks on a scatter, with the hour of the day across and engagement up, using a circle, a square and a diamond for Twiggle, Snapgrid and Linkwave so the networks differ without colour. A checkbox chip per network shows or hides its posts, the marks are one tab stop you walk with the arrow keys, and pressing one reads the post: an excerpt, the network, the day, the time and its engagement. A table under the plot gives each network's followers, 30-day growth, posts and best hour, the hour of its most engaging post. It's built from native checkboxes, Empty and Guides, with a hand-built scatter. For social teams and marketing reports.
FAQ
How do I fill it with my posts?
Edit POSTS: each has a network, an ISO day, a clock time in UTC, an engagement percent and the excerpt. NETWORKS holds the followers, growth and the shape used to mark each one. The best hour, the post counts and the average on the status line are worked out from the posts.
How do I use it with the keyboard?
The marks are one tab stop. The arrow keys move between the shown posts in order of time of day, Home and End go to the first and last, and Enter or Space reads the post in the status line. The network chips are ordinary checkboxes, and the plot also has a table for screen readers listing the same posts.
What happens when I untick every network?
The plot says no network is shown and offers a way back: tick one and its posts return. The panel keeps its height, and a hidden network stays in the table below, marked as hidden in the plot.
What stays local, and how do I wire it for real?
Everything: no account is connected and the posts are typed. To make it real, pull each network's post list and engagement from its API on your server, keep the times in UTC, and decide what engagement means for your reports, for example interactions divided by reach.