notid/puzzle-design-kb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Convert KQVI puzzle chart from PNG to SVG for crisp zoom rendering

Browse Source 
- Add kings-quest-vi-chart.svg (550KB vector file)
- Update kings-quest-vi-chart-preview.png to high-quality 1200px preview
- Remove obsolete kings-quest-vi-chart-full.png
- Update markdown to link preview PNG to SVG for full vector quality
- SVG remains crisp at any zoom level
This commit is contained in:
Bryce
2026-03-19 20:46:42 -07:00
parent 9242bc446a
commit 76a3b0a001
5 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/inspiration/kings-quest-vi-chart-full.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 642 KiB

BIN
src/inspiration/kings-quest-vi-chart-preview.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 242 KiB

After

Width:  |  Height:  |  Size: 210 KiB

1
src/inspiration/kings-quest-vi-chart.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 537 KiB

4
src/inspiration/kings-quest-vi-heir-today-gone-tomorrow.md
View File

@@ -4,7 +4,7 @@ This chart maps the critical puzzle dependencies in Sierra's King's Quest VI (19
## Puzzle Dependency Flowchart ## Puzzle Dependency Flowchart
[![KQVI Puzzle Dependency Chart - Click for full size](kings-quest-vi-chart-preview.png)](kings-quest-vi-chart-full.png) [![KQVI Puzzle Dependency Chart - SVG preview](kings-quest-vi-chart-preview.png)](kings-quest-vi-chart.svg)
*Click the image to view the full-size version (opens in new tab).* *Click the image to view the full-size version (opens in new tab).*
@@ -108,6 +108,6 @@ This chart uses standardized naming for consistency:
This chart uses `flowchart TD` (top-down direction) for clear hierarchical flow from prerequisites through problem recognition to solution. This chart uses `flowchart TD` (top-down direction) for clear hierarchical flow from prerequisites through problem recognition to solution.
The chart is rendered as a PNG image for reliable display across all browsers. A preview version is embedded inline, with a link to the full-size version. The chart is rendered as an **SVG** for crisp, zoomable quality. A PNG preview is embedded inline, with the full vector SVG available for download.
(End of file - total 111 lines) (End of file - total 111 lines)

16
todos/TODOS.md
View File

@@ -1,11 +1,9 @@
# TODO List # TODO List
## Complete - [x] Re-render mermaid chart as SVG (not PNG)
- [x] Generate kings-quest-vi-chart.svg from the .mmd file
- Re-render KQVI mermaid chart at higher resolution (3000px/6000px) - committed - [x] Create high-quality PNG thumbnail for inline preview
- Created kings-quest-vi-chart.mmd with raw mermaid source - [x] Update markdown to embed SVG with preview link
- Rendered preview at 3000px wide (247KB PNG) - [x] Update kings-quest-vi-heir-today-gone-tomorrow.md
- Rendered full-size at 6000px wide (657KB PNG) - [x] Test with mdbook build
- Added link to raw mermaid code in markdown - [ ] Commit changes
- mdbook build verified
- Committed as 1a2b3c4