Documentation Home

Technologies Used by Juncture

Juncture is built on a modular architecture that combines modern web technologies with the simplicity of Markdown. Below is a list of the key libraries, services, and technologies that power Juncture.

📦 Frontend Libraries & Frameworks

  • OpenSeadragon
    High-resolution, zoomable image viewing used in the image component.

  • Annotorious
    Region-based image annotation, integrated with OpenSeadragon.

  • Leaflet
    Interactive map rendering for the map component.

  • Shoelace
    Web component UI library used for drawers, tabs, buttons, etc.

🌍 Data & Media Services

  • Wikimedia Commons
    Source for public domain and freely licensed media, referenced using the wc: prefix.

  • Wikidata
    Structured data source for entities used in maps and popups. Juncture components can reference Wikidata QIDs (e.g., Q60 for New York City) to dynamically retrieve entity labels, descriptions, coordinates, images, and links.

  • IIIF (International Image Interoperability Framework)
    Protocol for structured image access and metadata, powering Juncture’s image delivery and info panels.

  • GitHub
    Markdown files, image/audio assets, and annotation JSON files are typically hosted in GitHub repositories. Works seamlessly with GitHub Pages.

🧩 Technologies & Architecture

  • Iframe-based Component Embeds
    Each component is rendered in its own iframe for modularity and encapsulation.

  • Custom Markdown Extensions
    Juncture provides custom inline tags (e.g., `image`, `map`, `audio`) that translate to rich interactive components.

  • No Build Tools Required
    All components are written using native JavaScript and web standards—no bundlers or transpilers needed.

  • Static Site Generators
    Compatible with static site workflows (e.g., Jekyll + GitHub Pages), allowing easy hosting and deployment without a CMS.