index.html

<!DOCTYPE html>
<html
  prefix="
    xhv: http://www.w3.org/1999/xhtml/vocab#
    xsd: http://www.w3.org/2001/XMLSchema#
    rdfs: http://www.w3.org/2000/01/rdf-schema#
    dc: http://purl.org/dc/terms/
    vcard: http://www.w3.org/2006/vcard/ns#
    v: http://rdf.data-vocabulary.org/#"
  lang="en" >
  <head>
    <title>JSON-LD - JSON for Linking Data</title>

    <!-- Meta Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

    <!-- Style Sheets -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"/>

    <link rel="shortcut icon" href="favicon.ico" />

    <!-- Script tags -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" async></script>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-42886053-1', 'json-ld.org');
      ga('send', 'pageview');
    </script>
  </head>

  <body>
    <nav class="navbar navbar-expand-md sticky-top bg-body">
      <div class="container">
        <a class="navbar-brand active" href="#">
          <img class="align-text-top" src="images/json-ld-data-24.png" alt="JSON-LD logo">
          JSON-LD
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="playground/">Playground</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="learn.html">Documentation</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#developers">Developers</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Specifications</a>
              <ul class="dropdown-menu">
                <li class="dropdown-header"><strong>W3C Recommendations</strong></li>
                <li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld/">Syntax</a></li>
                <li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-api/">Processing Algorithms and API</a></li>
                <li><a class="dropdown-item" href="https://www.w3.org/TR/json-ld-framing/">Framing</a></li>
                <li><hr class="dropdown-divider"></li>
                <li class="dropdown-header"><strong>Latest Drafts</strong></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-syntax/">Syntax</a></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-api/">Processing Algorithms and API</a></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-framing/">Framing</a></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-bp/">Best Practices</a></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-streaming/">Streaming</a></li>
                <li><a class="dropdown-item" href="https://json-ld.github.io/json-ld-star/">JSON-LD-star</a></li>
                <li><a class="dropdown-item" href="https://w3c.github.io/json-ld-cbor/">CBOR</a></li>
                <li><a class="dropdown-item" href="https://github.com/w3c/json-ld-rc/">Recommended Context</a></li>
                <li><a class="dropdown-item" href="https://json-ld.github.io/yaml-ld/">YAML-LD</a></li>
                <li><a class="dropdown-item" href="/spec/">1.0 drafts (historic)</a></li>
              </ul>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="images/">Branding</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="container text-center py-5 my-5">
      <h1 class="display-3 fw-bold">JSON for Linking Data</h1>
      <br>
      <p class="text-body-secondary fs-5">Data is messy and disconnected. JSON-LD organizes and
        connects it, creating a better Web.</p>
    </div>

    <div class="bg-light p-5">
      <div class="container">
        <div class="row">
          <div class="col-md-3">
            <h2 class="text-center">Linked Data </h2>
            <p class="mt-4">
              <a href="https://en.wikipedia.org/wiki/Linked_data">Linked Data</a>
              empowers people that publish and use information on the Web. It is a
              way to create a network of standards-based, machine-readable data across
              Web sites. It allows an application to start at one piece of Linked Data,
              and follow embedded links to other pieces of Linked Data that are hosted
              on different sites across the Web.
            </p>
          </div>

          <div class="col-md-6">
            <h2 class="text-center">A Simple Example</h2>
            <pre class="bg-secondary p-3 mt-4" style="--bs-bg-opacity: .05;"><code>{
  "<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="https://json-ld.org/contexts/person.jsonld">https://json-ld.org/contexts/person.jsonld</a>",
  "<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
  "<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
  "<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
  "<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
}</code></pre>
          </div>

          <div class="col-md-3">
            <h2 class="text-center">JSON-LD</h2>
            <p class="mt-4">JSON-LD is a lightweight Linked Data format. It
              is easy for humans to read and write. It is based on the already
              successful JSON format and provides a way to help JSON data interoperate
              at Web-scale. JSON-LD is an ideal data format for programming
              environments, REST Web services, and unstructured databases such as
              Apache CouchDB and MongoDB.
            </p>
          </div>
        </div>
      </div>
    </div>

    <div class="container py-5">
      <h2 class="text-center">Playground</h2>
      <div class="row justify-content-center mt-4">
        <div class="col-md-offset-2 col-md-8">
          <p>
            The <strong>JSON-LD Playground</strong> is a web-based JSON-LD viewer and debugger.
            If you are interested in learning JSON-LD, this tool will be of great help
            to you. Developers may also use the tool to debug, visualize, and share
            their JSON-LD markup.
          </p>
        </div>
        <div class="row text-center">
          <div class="col">
            <a class="btn btn-primary" href="./playground/">Launch the JSON-LD Playground</a>
          </div>
        </div>
      </div>
    </div>

    <div class="bg-light py-5">
      <div class="container">
        <div id="developers" class="row">
          <h1 class="col-md-12 text-center">Developers</h1>
        </div>
        <div id="developers-description" class="row justify-content-center mt-4">
          <p class="col-md-offset-2 col-md-8">JSON-LD is available in
            a number of popular programming environments. Each implementation of JSON-LD
            listed below is fully conforming to the official JSON-LD specifications.
          </p>
        </div>

        <div class="row">
          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Javascript</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/digitalbazaar/jsonld.js">
                    <span property="schema:name">jsonld.js</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/rubensworks/jsonld-streaming-parser.js">
                    <span property="schema:name">jsonld-streaming-parser.js</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository"
                     href="https://github.com/rubensworks/jsonld-streaming-serializer.js">
                    <span property="schema:name">jsonld-streaming-serializer.js</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/rubensworks/rdf-parse.js">
                    <span property="schema:name">rdf-parse.js</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Python</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/digitalbazaar/pyld">
                    <span property="schema:name">PyLD</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Python"></span>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/RDFLib/rdflib">
                    <span property="schema:name">RDFLib</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Python"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Ruby</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/ruby-rdf/json-ld/">
                    <span property="schema:name">JSON-LD for RDF.rb</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Ruby"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Go</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/piprate/json-gold">
                    <span property="schema:name">JSON-goLD</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Go"></span>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Java</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/filip26/titanium-json-ld">
                    <span property="schema:name">Titanium</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Java"></span>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/jsonld-java/jsonld-java">
                    <span property="schema:name">JSONLD-JAVA</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Java"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">C#</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/dotnetrdf/dotnetrdf">
                    <span property="schema:name">dotNetRDF</span>
                    <span class="badge bg-success">1.1</span>
                  </a>
                  <span property="schema:programmingLanguage" content="C#"></span>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/linked-data-dotnet/json-ld.net">
                    <span property="schema:name">json-ld.net</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="C#"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Erlang / Elixir</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/marcelotto/jsonld-ex">
                    <span property="schema:name">jsonld-ex</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Erlang"></span>
                  <span property="schema:programmingLanguage" content="Elixir"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">PHP</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/digitalbazaar/php-json-ld">
                    <span property="schema:name">php-json-ld</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="PHP"></span>
                </li>
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="http://m.lanthi.com/json-ld">
                    <span property="schema:name">JsonLD</span>
                    <span class="badge bg-info">1.0</span>
                  </a>
                  <span property="schema:programmingLanguage" content="PHP"></span>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <!-- Work in Progress implemenations -->
        <div class="row">
          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Rust</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/timothee-haudebourg/json-ld">
                    <span property="schema:name">json-ld</span>
                    <span class="badge bg-secondary">1.1 (<abbr title="Work In Progress">WIP</abbr>)</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Rust"></span>
                </li>
              </ul>
            </div>
          </div>

          <div class="col-md-3 gy-3">
            <div class="card">
              <div class="card-body">
                <h3 class="card-title">Typescript</h3>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item" typeof="schema:SoftwareSourceCode">
                  <a property="schema:codeRepository" href="https://github.com/mattrglobal/jsonld-lint">
                    <span property="schema:name">jsonld-lint</span>
                    <span class="badge bg-secondary">1.1 (<abbr title="Work In Progress">WIP</abbr>)</span>
                  </a>
                  <span property="schema:programmingLanguage" content="Typescript"></span>
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div id="tests-description" class="row justify-content-center text-center">
          <p class="col-md-offset-2 col-md-8 gy-5">
            The <a href="https://w3c.github.io/json-ld-api/tests/">JSON-LD Test Suite</a> (and <a
              href="https://w3c.github.io/json-ld-framing/tests/">Framing Test Suite</a>) is useful for validating
            JSON-LD
            Processors.
          </p>
          <p class="col-md-offset-3 col-md-6">
            Conformance of various processors is documented in the official <a
              href="https://w3c.github.io/json-ld-api/reports/">implementation report</a>.
          </p>
        </div>
      </div>
    </div>

    <div class="container py-5">
      <div id="collaborating" class="row">
        <h1 class="col-md-12 text-center">Getting Help / Collaborating</h1>
      </div>

      <div id="collaborating-description" class="row justify-content-center mt-4">
        <div class="col-md-offset-2 col-md-8">
          <strong>JSON-LD 1.1</strong> was being formally specified by the
          <a href="https://www.w3.org/2018/json-ld-wg/"><strong>W3C JSON-LD Working Group</strong></a>.
          Although the Working Group has completed, it remains open
          as a <a href="https://www.w3.org/2020/08/json-ld-wg-charter.html">Maintanence Group</a> and may release
          revised
          specifications in the future.
          To participate in this work, please <a href="https://www.w3.org/Consortium/join">join the W3C</a>
          and then join the Working Group.
          The <a href="https://lists.w3.org/Archives/Public/public-json-ld-wg/">Working Group mailing list</a>
          is visible to the public and participation in the
          <a href="https://github.com/search?q=topic%3Ajson-ld-wg+org%3Aw3c&type=Repositories">specification
            repositories</a> is encouraged. Additionally, discussions and exploration continue
          in the Community Group spaces mentioned below.
        </div>
        <p class="col-md-offset-2 col-md-8 gy-3">
          JSON-LD has been developed by the W3C <a
            href="http://www.w3.org/community/json-ld/">JSON-LD Community Group</a>.
          It is a <a href="http://www.w3.org/TR/json-ld/">W3C Recommendation</a>
          as of 16 January 2014. Participation is open
          to the public. There is a <a href="https://github.com/json-ld">JSON-LD
          GitHub repository</a>. If you need immediate help, we have a <a
            href="https://irc.w3.org/?channels=#json-ld">#json-ld</a> IRC
          support channel on irc.w3.org
          and a <a href="https://gitter.im/json-ld/json-ld.org">Gitter channel</a>.
          There is also a <a
            href="http://lists.w3.org/Archives/Public/public-linked-json/">JSON-LD
          mailing list</a>. All weekly meetings are open to the public, and are <a
            href="https://json-ld.org/minutes/">minuted, recorded, and archived</a>. Listed below are all of the
          communication tools that the community uses on a weekly basis.</p>
      </div>

      <div class="row pt-4 gy-3">
        <div class="col-md-3">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">Code</h3>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item"><a href="https://github.com/json-ld/json-ld.org">json-ld on GitHub</a></li>
            </ul>
          </div>
        </div>

        <div class="col-md-3">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">Meetings</h3>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item"><a href="minutes/">Text and audio minutes</a></li>
            </ul>
          </div>
        </div>

        <div class="col-md-3">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">Mailing List</h3>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item"><a href="http://lists.w3.org/Archives/Public/public-linked-json/">public-linked-json@w3.org</a>
              </li>
            </ul>
          </div>
        </div>

        <div class="col-md-3">
          <div class="card">
            <div class="card-body">
              <h3 class="card-title">Chat</h3>
            </div>
            <ul class="list-group list-group-flush">
              <li class="list-group-item"><a href="https://irc.w3.org/?channels=#json-ld">#json-ld on irc.w3.org</a>
              </li>
              <li class="list-group-item"><a href="https://gitter.im/json-ld/json-ld.org">Gitter</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="bg-light">
      <div class="container py-5">
        <div id="learn-more" class="row">
          <h1 class="col-md-12 text-center">Learn More…</h1>
        </div>

        <div id="learn-more-description" class="row justify-content-center text-center mt-4">
          <p class="col-md-offset-2 col-md-8">
            This website contains a number of curated
            video, presentations, tutorials, and documentation about JSON-LD. Assuming you
            are familiar with JSON, these training materials will help you quickly
            put the power of JSON-LD into your web development efforts.<br><br>
            <a class="btn btn-primary" href="./learn.html">Learn more about JSON-LD</a>
          </p>
        </div>
      </div>
    </div>
    <footer class="container pt-4 pb-3">
      <p class="text-body-secondary">
        Website content released under a <a href="https://creativecommons.org/about/cc0">Creative Commons CC0 Public
        Domain Dedication</a> except where an alternate is specified.
        Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
      </p>
    </footer>
  </body>
</html>