Skip to content

Enhancement: rename to plot #129

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
MarcSkovMadsen merged 2 commits into from
Jan 25, 2026
Merged

Enhancement: rename to plot #129

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
869ac71
rename plot
MarcSkovMadsen Jan 25, 2026
2c3ab8f
rename to plot
MarcSkovMadsen Jan 25, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/examples/generate-dashboard-from-picture.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ Then ask Claude to recreate it:
Please study the attached image. Then plan how to recreate the dashboard. Use ECharts for plotting.
```

When the plan is ready, ask Claude Code to implement it:
When the plan is ready, ask Claude to implement it:

```text
Please implement the plan.
Expand Down
10 changes: 6 additions & 4 deletions docs/examples/generate-viz-from-picture.md → docs/examples/generate-plot-from-picture.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Generate Visualization from Picture
# Generate Plot from Picture

Upload an image of a plot and ask Claude Code to recreate it!

Expand All @@ -10,8 +10,6 @@ Upload the image below to Claude Code.

![Distribution of Electricity Plot - Input](../assets/images/examples/distribution-of-electricity-input.png)

(Source: [ECharts Examples](https://echarts.apache.org/examples/en/index.html))

Then ask Claude to recreate it using the HoloViz ecosystem:

```text
Expand All @@ -26,7 +24,7 @@ Please implement the plan.

## Result

Not perfect but a really good starting point.
Not perfect, but a really good starting point.

![Distribution of Electricity Plot - Output](../assets/images/examples/distribution-of-electricity-output.png)

Expand Down Expand Up @@ -222,3 +220,7 @@ create_plot()
```

</details>

## Credits

The original plot is from [ECharts Examples](https://echarts.apache.org/examples/en/index.html).
8 changes: 4 additions & 4 deletions docs/examples/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,19 @@ Get inspired by what you can build with HoloViz MCP.

---

## Generate Visualization from Picture
## Generate Plot from Picture

Upload a plot image and Claude recreates it with HoloViews.

[![Input](../assets/images/examples/distribution-of-electricity-input.png)](generate-viz-from-picture.md)
[![Input](../assets/images/examples/distribution-of-electricity-input.png)](generate-plot-from-picture.md)

[View Example →](generate-viz-from-picture.md)
[View Example →](generate-plot-from-picture.md)

---

## Generate Dashboard from Picture

Upload a dashboard image and Claude recreates it.
Upload a dashboard image and Claude recreates it with Panel.

[![Input](../assets/images/examples/dashboard-from-image-input.png)](generate-dashboard-from-picture.md)

Expand Down
2 changes: 1 addition & 1 deletion mkdocs.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,7 @@ nav:
- Weather Dashboard (Claude): tutorials/weather-dashboard-claude-code.md
- Examples:
- examples/index.md
- Visualization from Picture: examples/generate-viz-from-picture.md
- Plot from Picture: examples/generate-plot-from-picture.md
- Dashboard from Picture: examples/generate-dashboard-from-picture.md
- How-To Guides:
- Installation:
Expand Down
Loading