PortalJS Add Chart

Přidá na stránku datasetu v PortalJS graf recharts, omezený jen na daný dataset.

od datopian · datopian/portaljs

Otestováno · Funguje ★ 9.6/10

PortalJS Add Chart — Přidá na stránku datasetu v PortalJS graf recharts, omezený jen na daný dataset.

Co umí

Nainstaluje recharts, napíše znovupoužitelnou komponentu Chart.tsx a zapojí ji do sekce Views showcase datasetu v PortalJS, omezenou jen na vybraný dataset, aby zůstaly ostatní showcase nedotčené. Podporuje čárové, sloupcové, plošné, koláčové a bodové grafy nad stejným CSV/JSON, který už používá tabulka. Spouští se při vizualizaci datasetu, který je už zaregistrovaný v datasets.json uvnitř portálu PortalJS.

Testovací report

V portálu PortalJS proběhlo npm install recharts i tsc --noEmit bez chyby; graf se správně omezil na showcase jednoho datasetu, zatímco baseline od nuly ho vykreslil na stránkách všech datasetů — přesně chyba, před kterou SKILL.md varuje.

Testováno: 2026-07-10 · Claude Code 2.x (agent harness)

Instalace

git clone https://github.com/datopian/portaljs
cd portaljs
mkdir -p ~/.claude/skills
cp -r skills/portaljs-add-chart ~/.claude/skills/portaljs-add-chart

Příkazy a ukázkové prompty

  • /portaljs-add-chartPřidá na stránku datasetu v PortalJS graf recharts, omezený jen na daný dataset.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • Add a bar chart to this PortalJS dataset showcase page
  • Wire a recharts line chart into my dataset's Views section
  • Show this registered CSV dataset as a scatter chart on the portal