Rank Shift Story
Follow who moves up, who slips back, and when the order changes. Ordered rank trajectories, rather than absolute-value trend lines or paired before/after dots. Explore two fictional datasets, then use the reusable workflow with your own data.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/rank-shift-story.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
A real interactive HTML chart with two fictional datasets, source values, focus controls and pause/replay. Full prompts remain in the delivered package.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
- Tested runtime
- Node.js 24 · local HTML · Chromium
- Pinned dependency
- D3 7.9.0 + SVG · locally bundled fonts
- Checks completed
- Data semantics, independent new-data generation, desktop/mobile reading, full covers, motion and snapshot exports.
Workflow scripts tested on Linux. Agent installation review pending.
Position is rank, not magnitude. The same cohort appears in every period. Samples are fictional. PNG/SVG are static snapshots, not video. Very long labels may need concise display names; non-Latin text uses system fallback fonts. Other browsers, Windows/Linux and real-device touch are not independently verified.
From a good brief to a better result.
Follow who moves up, who slips back, and when the order changes. Ordered rank trajectories, rather than absolute-value trend lines or paired before/after dots. Explore two fictional datasets, then use the reusable workflow with your own data. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Your dataset, definitions, units, source and time or cycle scope
- Your analytical question, audience, title and interpretation notes
What you’ll make
- Interactive local HTML with editable source and bundled assets
- PNG and SVG chart snapshots; exact source JSON
- Complete reusable prompt, input validation and two examples
The intended workflow
- Map your data to the documented contract without inventing missing observations
- Generate a fresh output directory and compare the chart with its source ledger
- Review interaction and labels, then export the current chart