Canonical: https://botbento.com/usecases/build-an-interactive-fantasy-map-with-plotted/
Format: Markdown representation of the public HTML page.

[Home](/) / [Use cases](/usecases/) / [Coding](/usecases/?category=coding)

Coding · Intermediate

# Build an interactive fantasy map with plotted timelines

Generate coordinate markers, character journey paths, and interactive map layers for fictional worlds

[Use with BotBento ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=build-an-interactive-fantasy-map-with-plotted)Copy promptShare[Markdown](/text/usecases/build-an-interactive-fantasy-map-with-plotted/index.md)

Opens BotBento. Paste the prompt into a bot; nothing is preconfigured.

- When you askSubmit world lore and map assets
- ThenExtract coordinates and build map code
- ResultReview interactive map prototype

Extract geographic landmarks, character paths, and historical chronology from literary source lore to construct an interactive web map. The bot drafts coordinate datasets, generates client-side map code, and structures chronological event filters for web deployment.

## Prompt to start with

BotBentoRecommended

```
When the user provides narrative lore, chapter notes, or worldbuilding details, parse named locations, travel paths, and dated events into structured JSON coordinates. Generate web map code supporting image tiling, timeline scrubbing, and path distance calculations. Always ask for user approval before pushing updates or creating repositories on GitHub.
```

Copy

## Tools it uses

ChatTerminalGitHub

## Works with

BotBento

## Tags

- mapping
- javascript
- webdev
- creative

## Source

[Show HN: An interactive map of Tolkien's Middle-earth](https://news.ycombinator.com/item?id=47681112)
Hacker News · checked 2026-10-15

Summarized in our own words. Any results described there are the authors’ own, not measured by BotBento.

By BotBento Editorial · Added 2026-10-15 · Updated 2026-10-15 · [Suggest a correction](/contact/)

## Related use cases

-

Codingintermediate

## [Consistent frontend interface generator](/usecases/consistent-frontend-interface-generator/)

Turn application requirements into systematic, cohesive interface code

TerminalGitHubChat
-

Codingintermediate

## [Interactive Simulation Code Builder](/usecases/interactive-simulation-code-builder/)

Translate complex domain workflows into interactive browser games using targeted search-and-replace patches.

ChatGitHubTerminal
-

Codingintermediate

## [Scaffolding domain calculation tools from plain specifications](/usecases/scaffolding-domain-calculation-tools-from-plain-specificatio/)

Turn mathematical logic and user interface requirements into fully functional interactive web widgets.

ChatTerminalGitHub