Skip to content

feat(demo): add Chart Reference dashboard - #852

Closed
alfredo1996 wants to merge 1 commit into
release/1.0from
feat/demo-chart-reference
Closed

feat(demo): add Chart Reference dashboard#852
alfredo1996 wants to merge 1 commit into
release/1.0from
feat/demo-chart-reference

Conversation

@alfredo1996

Copy link
Copy Markdown
Owner

Summary

Adds a new demo dashboard, Chart Reference, that serves as an exhaustive static reference for every customization option NeoBoard charts support.

  • One page per chart type (20 pages: bar, line, pie, table, single-value, gauge, sankey, sunburst, radar, treemap, circle-packing, gantt, map, choropleth, graph, json, markdown, iframe, parameter-select, form)
  • Each tile demonstrates ONE `chartOption` value changed from default — the tile title tells you exactly what was tweaked (e.g. `orientation = horizontal`, `stackMode = percent`, `palette = warm`, `colorblindMode = true`)
  • No parameter knobs — this is a reference, not a playground. Datasets are small and fixed so visual differences are obvious.
  • Every option in `component/src/components/composed/chart-options/*` is covered where it has a meaningful visual effect.

How it co-exists with what's there

Showcase Job
Chart Gallery One-look tour of supported widgets
Chart Playground (#850) Interactive knobs over a single chart
Chart Reference (this PR) Static side-by-side option comparison
Click Actions / Transformations / Rule-Based Styling Topic-focused deep dives

Stats

  • 20 pages, 183 variant tiles + 20 markdown headers (203 widgets)
  • `scripts/demo/chart-reference.json` — 4154 lines
  • Per-page tile counts: Bar 17, Line 18, Pie 15, Table 13, KPI 13, Gauge 9, Sankey/Sunburst/Radar/Treemap/Map/Choropleth/Graph/JSON/Markdown 8 each, Circle-Packing/Gantt 6 each, iframe 4, Parameter Select 8, Form 2.

Test plan

  • JSON validates
  • `node cli/dist/index.js demo seed --only chart-reference` succeeds
  • DB query: `SELECT name, jsonb_array_length(layoutJson->'pages') FROM dashboard WHERE name='Chart Reference'` returns 20 pages
  • Widget count: 203 widgets present across all pages
  • Manual: open the dashboard in the app and skim each page; confirm variants render distinct visual differences

🤖 Generated with Claude Code

…ation reference

A new static reference dashboard with one page per chart type. Each tile
shows the same dataset with one chartOption changed, so users can see
exactly what every setting does side by side. No parameter knobs — this
is a reference, not a playground.

Co-exists with the four existing showcases (Chart Gallery, Click Actions,
Transformations, Rule-Based Styling) and the Chart Playground (#850).
Different job per artefact:

  - Gallery   = one-look tour of supported widgets
  - Playground = interactive knobs over a single chart
  - Reference = static side-by-side option comparison (this PR)

20 pages, 183 variant tiles + 20 markdown headers (203 widgets total).
Every option in component/src/components/composed/chart-options/* is
demonstrated where it has a meaningful visual effect.

Co-Authored-By: Claude Opus 4 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented May 18, 2026

Copy link
Copy Markdown

Warning

Rate limit exceeded

@alfredo1996 has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 41 minutes and 47 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: c56b2eaf-b4df-42b2-befe-1384232e2106

📥 Commits

Reviewing files that changed from the base of the PR and between 93f65a9 and 1773651.

📒 Files selected for processing (2)
  • scripts/demo/chart-reference.json
  • scripts/demo/showcases.mjs
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch feat/demo-chart-reference

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@alfredo1996

Copy link
Copy Markdown
Owner Author

Superseded by #853 — consolidated into a single PR for easier review (number-range editor + integer/float type + dual-handle slider fix + both demo dashboards).

@alfredo1996
alfredo1996 deleted the feat/demo-chart-reference branch July 3, 2026 12:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants