Interactive HTML Rendering

The TEI-encoded article, transformed and browsable directly on this page.

This is the actual output of the tei_to_html.py transformation described on the Knowledge Organization page, embedded live below rather than linked as a separate download. Scroll inside the frame to read the full article; hover over any coloured entity to see its name, role, and authority identifiers; click an entity to open its Wikidata page in a new tab.

What to look for

The sidebar on the left of the embedded page lists the article's sections and the colour legend for the five entity types (person, organisation, object, concept, mythical place). Cory Barlog's and Bear McCreary's direct quotations are shown with a frost-blue left border and a "Attributed to…" tooltip, distinguishing them from unattributed quoted phrases which are shown in plain italics. Citation markers from the original Wikipedia text ("[26]", "[10]") are preserved as small superscript numbers.

Explore the entities

The controls below are generated from the same TEI standoff and RDF graph as the article. Filter the entity set, then select one to inspect its authority records and the statements in which it appears as subject or object. The corresponding mentions are highlighted inside the rendered article. The URI displayed in the entity card is also a shareable link: opening it returns to this page and automatically restores the selected entity.

TEI mentions + RDF statements

Entity Explorer

Loading entity data…

Loading the entity dataset…

Inspect the transformation

Switch between the generated article, its HTML source, and the TEI/XML input. The source views load the repository files directly, so the material shown here cannot drift away from the current transformation files.

Open rendered article ↗

How this was produced

The rendering above is generated, not hand-written: every coloured span, tooltip, and Wikidata link is computed from the same TEI standoff and taxonomy that back the RDF graph on the Knowledge Representation page. Regenerating it after any change to tei.xml is a single command:

python files/tei_to_html.py files/tei.xml files/index.html
python files/tei_to_rdf.py files/tei.xml files/gow.ttl
python files/build_entity_data.py files/tei.xml files/gow.ttl files/entities.json

The full walkthrough of what the script does internally — how entities are extracted, how tooltips are built, how the TEI tree is walked recursively — is documented step by step on the Knowledge Organization page, alongside the source code.