Chart editing from VSCode#5667
Closed
Marigold wants to merge 3 commits intowip-prototype-graph-metadatafrom
Closed
Chart editing from VSCode#5667Marigold wants to merge 3 commits intowip-prototype-graph-metadatafrom
Marigold wants to merge 3 commits intowip-prototype-graph-metadatafrom
Conversation
- Rename .meta.yml to .chart.yml for VSCode schema linting - Add chart-schema.json + generation script - Add render_chart.py to preview charts as HTML - Add chart-preview VSCode extension with live reload Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Contributor
|
Quick links (staging server):
Login: chart-diff: ❌
data-diff: ✅ No differences foundAutomatically updated datasets matching excess_mortality|covid|fluid|flunet|country_profile|garden/ihme_gbd/2019/gbd_risk are not included Edited: 2026-02-13 12:46:30 UTC |
…t.read - Update all references from .meta.yml to .chart.yml for graph steps - Add PathFinder.chart_path property for graph steps - Add columns parameter to Dataset.read/Table.read_feather/Table.read_parquet for faster reads of wide tables - Update docstrings and help text throughout Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Add chart-editing Claude Code skill for editing .chart.yml files - Add --png export to render_chart.py using playwright - Add playwright dev dependency Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Collaborator
Author
|
Some parts of this were already merged, but we need to wait for the support of chart configs. Then we should rebase. |
|
This PR has had no activity within the last 30 days. It is considered stale and will be closed in 7 days if no further activity is detected. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Motivation
We currently edit chart configs through the Admin UI, which works well. But if we go the route of having YAML-based chart configs in ETL (the graph step prototype), we'd want a nice editing experience for those too — schema validation, autocomplete, and quick preview without needing a staging deploy.
This PR builds that tooling. More interestingly, it also enables agentic workflows: you can ask an LLM to work on chart configs, iterate on them, and explore meaningful ways to represent your data — all with visual feedback in the loop.
What's in here
.chart.ymlrename — chart configs renamed from.meta.ymlto.chart.ymlso VSCode can associate them with the grapher JSON schema for validation and autocompleteschemas/chart-schema.json— generated from the upstream grapher schema, plus a script to regenerate itscripts/render_chart.py— renders a.chart.ymlto standalone HTML (or PNG via--pngfor headless/AI use)chart-previewVSCode extension — live preview panel that hot-reloads on savechart-editingClaude Code skill — teaches Claude how to edit chart configs and verify results visuallyDataset.read(columns=...)parameter — faster reads for wide tables (used by the render script)Workflow demo
1. Install the extension and build upstream data
Reload VSCode (
Cmd+Shift+P→ "Reload Window").2. Open a chart with live preview
Open
etl/steps/graph/animal_welfare/latest/fur-farming-ban.chart.yml. Click the preview icon in the editor title bar — an interactive Grapher chart appears in a side panel. Edit the YAML, save, and the preview refreshes automatically.3. Let Claude Code edit charts for you
Start Claude Code in the repo and ask it to make changes:
Claude reads the schema, edits the YAML, renders a PNG to verify, and iterates. The VSCode preview panel hot-reloads on every save, so you see changes live as Claude works.
Limitations
This is a prototype — only works on
etl/steps/graph/animal_welfare/latestexamples. Not yet supported:{definitions.description})All could be added. The render script could also be made faster with a persistent Python process (~0.8s startup overhead per render currently).
🤖 Generated with Claude Code