Data Vizard logo Data Vizard Back to home

Beginner guide

What Data Vizard does, in plain language.

Data Vizard helps you turn a dataset into a clear, staged data story. It walks through the work in order, so you can see what happened to the data, why each choice was made, and how the final HTML result came together.

1. Install it

Run the npm installer once. That copies the plugin and the Gemini extension locally.

npx data-vizard install

2. Start a new session

Open a fresh Codex, Claude Code, or Gemini session so the new skills are loaded.

Codex: Use $data-vizard:data-vizard
Claude Code: /data-vizard:data-vizard
Gemini: /data-vizard

3. Follow the stages

  • CuratorPrepare and clean the dataset.
  • AnalystLook for patterns, comparisons, and story directions.
  • NarratorDecide how much language the story really needs.
  • CriticReview the draft before signoff.
  • DesignerBuild the final HTML artifact.

4. Open the outcomes

The homepage shows a few finished examples so you can see what the workflow can produce.

Each outcome is a self-contained HTML page you can open directly in a browser.

What to remember

The short version: give Data Vizard a dataset, let it guide you through the stages, and then review the final story in HTML. You do not have to know the whole workflow up front; the plugin is there to make the next step obvious.