CINXE.COM
LodView — giving data a new shape
<html version="XHTML+RDFa 1.1" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.w3.org/1999/xhtml http://www.w3.org/MarkUp/SCHEMA/xhtml-rdfa-2.xsd" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:foaf="http://xmlns.com/foaf/0.1/"> <head data-color="#8a4e6a-#77435c" profile="http://www.w3.org/1999/xhtml/vocab"> <title>LodView — giving data a new shape</title> <meta name="description" content="LodView is a powerful RDF viewer, IRI dereferencer and opensource SPARQL navigator." > <meta property="og:description" content="LodView is a powerful RDF viewer, IRI dereferencer and opensource SPARQL navigator"/> <link property="dc:creator" href="http://purl.org/net/foaf:Person/diego-valerio-camarda" > <link property="dc:creator" href="http://purl.org/net/foaf:Person/silvia-mazzini" > <link property="dc:creator" href="http://purl.org/net/foaf:Person/alessandro-antonuccio" > <link property="dc:subject" href="http://dbpedia.org/resource/Semantic_Web" > <link property="dc:subject" href="http://dbpedia.org/page/Linked_Data" > <link property="dc:subject" href="http://dbpedia.org/resource/SPARQL" > <link property="cc:license" href="http://www.opensource.org/licenses/mit-license.php" /> <link href="/staticResources/style.css" rel="stylesheet" type="text/css" /> <script> document.write('<style type="text/css">'); document.write('.c2{visibility:hidden}'); document.write('</style>'); </script> <meta http-equiv="x-ua-compatible" content="IE=Edge" /> <script src="/staticResources/vendor/jquery.min.js"></script> <link href='/staticResources/vendor/cookiebar/jquery.cookiebar.css' rel='stylesheet' type='text/css'> <script src="/staticResources/vendor/cookiebar/jquery.cookiebar.js"></script> <meta property="og:title" content=" — LodView, giving data a new shape"> <meta property="og:image" content="/staticResources/img/lodview_sharer.png"> <link rel="image_src" href="/staticResources/img/lodview_sharer.png"> <meta name="twitter:title" content=" — LodView, giving data a new shape"> <meta name="twitter:description" content="LodView is a powerful RDF viewer, IRI dereferencer and opensource SPARQL navigator"> <link rel="icon" type="image/png" href="/staticResources/img/favicon.png"> <link href='//fonts.googleapis.com/css?family=Roboto:100,300,500&subset=latin-ext,latin,greek-ext,greek,cyrillic-ext,vietnamese,cyrillic' rel='stylesheet' type='text/css'> <!-- managing maps --> <link rel="stylesheet" href="/staticResources/vendor/leaflet/leaflet.css" /> <script src="/staticResources/vendor/leaflet/leaflet.js"></script> <link rel="canonical" href=""> <script src="/staticResources/vendor/masonry.pkgd.min.js"></script> <script src="/staticResources/vendor/modernizr-custom.min.js"></script> <style type="text/css"> hgroup, #linking a span, #audio .audio { background-color: #8a4e6a } header div#abstract, #loadPanel, div#lodCloud .connected div#counterBlock.content { background-color: #77435c } #errorPage div#bnodes { color: #77435c } div#loadPanel span.ok img { background-color: #8a4e6a } #cookie-bar { border-color: #77435c; background-color: #8a4e6a; } </style> <script> var isRetina = window.devicePixelRatio > 1; var isChrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()) $(function() { $.cookieBar({ message : 'Lodview.it uses cookies for statistical purposes. By continuing to browse the site you are agreeing to accept our use of them.', acceptButton : true, acceptText : 'I agree', acceptFunction : null, declineButton : false, declineFunction : null, policyButton : false, autoEnable : true, acceptOnContinue : true, acceptOnScroll : false, acceptAnyClick : true, expireDays : 365, renewOnVisit : false, forceShow : false, effect : 'slide', element : 'body', append : true, fixed : true, bottom : true, zindex : '99999', domain : 'lodview.it' }); }); </script> <style type="text/css"> *{font-family: 'Roboto', sans-serif;} body, html { font-weight: 300; } #home { font-size: 14px; line-height: 17px; background-color: #8a4e6a; text-align: center; } #fields { width: 500px; text-align: left; list-style: none; } #banner { margin-bottom: 73px; } #fields input, #fields textarea { width: 380px; height: 40px; padding-left: 12px; padding-right: 12px; line-height: 40px; border: 0; margin-bottom: 20px; font-weight: 300; font-size: 14px; color: #8a4e6a; margin-left: 60px; } #fields textarea { line-height: 20px; height: 80px; padding: 10px; resize:none; } #mainLayer { position: absolute; width: 500px; left: 50%; margin-left: -250px; display: none } .info{ display:inline-block; background-position: -85px -35px; width:18px; height:18px; position: absolute; margin-top: 12px; margin-left: 14px; cursor:pointer; } .info.iri{margin-top: 32px; } #theexamples strong{color:#8a4e6a;display:block;padding-left:10px;margin-bottom:20px} #theexamples a { color:#8a4e6a; line-height: 17px; font-size: 14px; } #theexamples a:hover{text-decoration:underline} #theexamples {padding-top:9px} #theexamples li { padding:0 10px; line-height: 20px; } #exampleBack { width: 380px; height: 262px; display:none; z-index:1; background-color:#8a4e6a; position: absolute; margin-left: -190px; left: 50%; } #theexamples { width: 380px; height: 262px; display:none; text-align:left; z-index:2; position: absolute; margin-left: -190px; left: 50%; } #exampleBack div { width: 380px; height: 262px; background-position:-520px -210px; } #theexamples ul{ list-style: none; } #exc{display:block;width: 25px; height: 20px;float:right} #fields input.go:hover { background-position: -465px -5px; background-color: #8a4e6a; } #fields input.go { background-color: #8a4e6a; background-position: -365px -5px; color: #fff; font-size: 11px; text-transform: uppercase; letter-spacing: .7; margin-top:-1px; width: 100px; float: right; cursor: pointer; margin-right: 60px; margin-bottom: 40px; } *::-webkit-input-placeholder { color: #8a4e6a; font-size: 11px; letter-spacing: .7; font-weight: 300; } *:-moz-placeholder { color: #8a4e6a; font-size: 11px; letter-spacing: .7; font-weight: 300; } *::-moz-placeholder { color: #8a4e6a; font-size: 11px; letter-spacing: .7; font-weight: 300; } *:-ms-input-placeholder { color: #8a4e6a; font-size: 11px; letter-spacing: .7; font-weight: 300; } *:input-placeholder { color: #8a4e6a; font-size: 11px; letter-spacing: .7; font-weight: 300; } #footer { background-color: #77435c; position: fixed; height: 30px; bottom: 0; text-align:center; z-index: 999; left: 0; width: 100%; } #footer #lbox { background-position: -0 -470px; width:220px; height:20px; margin-top:5px; display:inline-block; } .exe{height:80px;display:block} .exa,.exal,.exar { font-size: 11px; letter-spacing: .7; text-transform: uppercase; color: #fff; display: inline-block; margin-left: 61px } a.exa{line-height: 40px;text-decoration: underline;} .exar{float:right;margin-right:60px;} a.exa:hover { text-decoration: none } #social{list-style:none;margin-top:15px;text-align: left;margin-left:60px;margin-bottom:60px} #social a{display:inline-block;width:35px;height:35px; } #social li{margin-right:15px;display:inline-block;width:35px;height:35px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity = 20); opacity: 0.20;cursor:pointer} #social li:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity = 60); opacity: 0.6;} #social li.tw{background-position: -165px -5px} #social li.ln{background-position: -205px -5px} #social li.gp{background-position: -245px -5px} #social li.fb{background-position: -285px -5px} #social li.gh{background-position: -325px -5px;float:right;margin-right:60px} </style> </head> <body id="home"> <div id="footer"><div id="lbox" class="sp"></div></div> <div id="mainLayer"> <script> if (isRetina) { document.write('<div id="banner"><img width="500" height="150" src="/staticResources/img/logo-home@2x.png"></div>'); } else { document.write('<div id="banner"><img width="500" height="150" src="/staticResources/img/logo-home.png"></div>'); } </script> <form onsubmit="go()"> <ul id="fields"> <li><textarea name="IRI" id="IRI" placeholder="IRI (MANDATORY)" rows="2"></textarea> <span class="sp info iri" title="set a dereferenceable IRI or a resource published in a SPARQL endpoint"></span></li> <li><input placeholder="SPARQL ENDPOINT (OPTIONAL)" autocomplete="on" type="text" name="sparql" value=''> <span class="sp info" title="SPARQL endpoint URL - eg http://dbpedia.org/sparql"></span></li> <li><input placeholder="PREFIX (OPTIONAL)" autocomplete="on" type="text" name="prefix" value=""> <span class="sp info" title="resource's prefix, useful to improve browsing capabilities - eg http://dbpedia.org/resource "></span></li> <li class="exe"><a class="exa" href="#ex">EXAMPLES </a><input type="button" class="go sp" value="go"></li> <li><span class="exal">SHARE</span><span class="exar">DOWNLOAD</span></li> </ul> </form> <ul id="social"> <li class="tw sp"><a target="_blank" href="http://twitter.com/home?status=giving%20data%20a%20new%20shape%20http://lodview.it%20%23LOD%20%23RDF%20%23linkeddata%20%23opendata"></a></li> <li class="ln sp"><a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url=http://lodview.it&title=LodView%20—%20giving%20data%20a%20new%20shape&summary=%23LOD%20%23RDF%20%23linkeddata%20%23opendata"></a></li> <li class="gp sp"><a target="_blank" href="https://plus.google.com/share?url=http://lodview.it"></a></li> <li class="fb sp"><a target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://lodview.it"></a></li> <li class="gh sp"><a target="_blank" href="https://github.com/dvcama/LodView"></a></li> </ul> </div> <div id="exampleBack"><div class="sp"></div></div> <div id="theexamples"> <strong>pick an example<a href="#close" id="exc"></a></strong> <div style="height: 200px; overflow: auto"> <ul> <li><a href="#ex" data-sparql="http://aemet.linkeddata.es/sparql" data-IRI="http://aemet.linkeddata.es/resource/Observation/at_1315943400000_of_0158X_on_HTAMIN1h" data-prefix="http://aemet.linkeddata.es/resource/"> Aemet metereological dataset </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://aims.fao.org/aos/agrovoc/c_9001017" data-prefix="http://aims.fao.org/aos/agrovoc/"> Agrovoc </a></li> <li><a href="#ex" data-sparql="http://semanticweb.cs.vu.nl/europeana/sparql/" data-IRI="http://purl.org/collections/nl/am/proxy-63432" data-prefix=""> Amsterdam Museum </a></li> <li><a href="#ex" data-sparql="http://data.clarosnet.org/sparql/" data-IRI="http://arachne.uni-koeln.de/entity/5578" data-prefix=""> Arachne </a></li> <li><a href="#ex" data-sparql="http://dati.acs.beniculturali.it/sparql/" data-IRI="http://dati.acs.beniculturali.it/oad/personeCPC/G08442" data-prefix=""> Archivio Centrale dello Stato </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://www.bbc.co.uk/things/cbeab979-c95b-432e-a3bb-2b1d502f4db5#id" data-prefix="http://www.bbc.co.uk/things/"> BBC things </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://bibleontology.com/resource/Rachel" data-prefix="http://bibleontology.com/resource/"> Bible Ontology </a></li> <li><a href="#ex" data-sparql="http://datos.bne.es/sparql" data-IRI="http://datos.bne.es/resource/Minp0000002286" data-prefix="http://datos.bne.es/resource/">Biblioteca Nacional de Espa帽a</a></li> <li><a href="#ex" data-sparql="http://collection.britishmuseum.org/sparql" data-IRI="http://collection.britishmuseum.org/id/object/YCA62958" data-prefix="http://collection.britishmuseum.org/id/object/"> British Museum </a></li> <li><a href="#ex" data-sparql="http://linked.opendata.cz/sparql" data-IRI="http://purl.org/czech-municipalities/income-statements#GiftsEconomic" data-prefix="http://purl.org/czech-municipalities/"> Charles University in Prague </a></li> <li><a href="#ex" data-sparql="http://dati.culturaitalia.it/sparql/" data-IRI="http://dati.culturaitalia.it/resource/oai-artpast-org-1201033357" data-prefix=""> CulturaItalia </a></li> <li><a href="#ex" data-sparql="http://dati.camera.it/sparql" data-IRI="http://dati.camera.it/ocd/persona.rdf/p4230" data-prefix="http://dati.camera.it/ocd/"> dati.camera.it </a></li> <li><a href="#ex" data-sparql="http://dbpedia.org/sparql" data-IRI="http://dbpedia.org/resource/London" data-prefix="http://dbpedia.org/resource"> dbpedia.org </a></li> <li><a href="#ex" data-sparql="http://dewey.info/sparql.php" data-IRI="http://dewey.info/class/020/e23/2012-10-24/" data-prefix=""> Dewey Decimal Classification (DDC) </a></li> <li><a href="#ex" data-sparql="http://ecb.270a.info/sparql" data-IRI="http://ecb.270a.info/provenance/activity/20140307075601" data-prefix=""> European Central Bank (ECB) </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://wifo5-03.informatik.uni-mannheim.de/factbook/resource/Italy">Cia FactBook by University of Mannheim </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://sws.geonames.org/6471849/" data-prefix="http://sws.geonames.org/"> Geonames </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://linkeddata.ge.imati.cnr.it/resource/ThIST/chile" data-prefix="">Library of Congress Name Authority File</a></li> <li><a href="#ex" data-sparql="http://gov.tso.co.uk/legislation/sparql" data-IRI="http://www.legislation.gov.uk/id/uksi/2014/2270" data-prefix="http://www.legislation.gov.uk/"> legislation.gov.uk </a></li> <li><a href="#ex" data-sparql="http://linkedgeodata.org/sparql" data-IRI="http://linkedgeodata.org/triplify/node64778090" data-prefix="http://linkedgeodata.org/triplify/"> LinkedGeoData </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://data.archiveshub.ac.uk/id/archivalresource/gb015-harryarnold" data-prefix=""> LOCAH </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://linkeddata.ge.imati.cnr.it/resource/ThIST/chile" data-prefix=""> LusTRE: Thesaurus for Environment (CNR)</a></li> <li><a href="#ex" data-sparql="http://dati.comune.matera.it/sparql" data-IRI="http://dati.comune.matera.it/lod/Asceterio_di_Murgia_Timone_o_di_San_Lupo" data-prefix="http://dati.comune.matera.it/lod/"> Matera, chiese rupestri </a></li> <li><a href="#ex" data-sparql="http://biolit.rkbexplorer.com/sparql/" data-IRI="http://biolit.rkbexplorer.com/id/person-MELVILLE_HERMAN_(1819-1891)" data-prefix=""> Short Biographical Dictionary </a></li> <li><a href="#ex" data-sparql="http://spcdata.digitpa.gov.it:8899/sparql" data-IRI="http://spcdata.digitpa.gov.it/Amministrazione/c_a944" data-prefix=""> SPCDATA </a></li> <li><a href="#ex" data-sparql="http://bfs.270a.info/sparql" data-IRI="http://bfs.270a.info/code/1.0/CL_STATES_AND_TERRITORIES/8407" data-prefix="http://bfs.270a.info/code/">Swiss Federal Statistical Office</a></li> <li><a href="#ex" data-sparql="http://nomisma.org/quwey" data-IRI="http://numismatics.org/aod/id/21191.6121.1" data-prefix=""> The Art of Devastation (AoD) </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://ldf.fi/ww1lod/2bda4515" data-prefix=""> World War 1 as Linked Open Data </a></li> <li><a href="#ex" data-sparql="" data-IRI="http://www.worldcat.org/oclc/42581165" data-prefix=""> worldcat </a></li> <li><a href="#ex" data-sparql="http://rdf.muninn-project.org/sparql" data-IRI="http://rdf.muninn-project.org/ww1/2011/11/11/Document/5bf918b056e880a432612e98dad3cea1" data-prefix="http://rdf.muninn-project.org/ww1/"> WWI lod </a></li> </ul> </div> </div> <script> $(function() { setPosition() $(window).on('resize', function() { setPosition(); }); $('#theexamples').find('li').each(function() { $(this).find('a').click(function() { $('textarea[name=IRI]').val($(this).attr("data-IRI")); $('input[name=sparql]').val($(this).attr("data-sparql")); $('input[name=prefix]').val($(this).attr("data-prefix")); exa('close'); }); }); $('input[type=button]').click(function() { go(); }); $('.exa').click(function() { exa('open'); return false; }); $('#exc').click(function() { exa('close'); return false; }); if(document.location.hash == '#examples'){ exa('open'); } }); function go() { document.location = '/lodview/?IRI=' + encodeURIComponent($('textarea[name=IRI]').val()) + '&sparql=' + encodeURIComponent($('input[name=sparql]').val() ? $('input[name=sparql]').val() : '<>') + "&prefix=" + encodeURIComponent($('input[name=prefix]').val() ? $('input[name=prefix]').val() : $('textarea[name=IRI]').val().replace(/(http:\/\/[^\/]+\/).+/, '$1')); } function setPosition() { var m = $("#mainLayer"); var h = ((window.innerHeight - m.height()) / 2) + 14; if (h < 34) { h = 34; } m.css({ 'top' : h }); m.fadeIn('fast', function() { }); var ht = $('#IRI').position().top + $('#mainLayer').position().top; $("#theexamples").css({ 'top' : ht }); $("#exampleBack").css({ 'top' : ht }); } function exa(action) { if (action == 'open') { $('#exampleBack').fadeIn(150, function() { $('#theexamples').show(); $('.info').css({'visibility':'hidden'}); }); } else { $('#exampleBack').fadeOut('fast'); $('#theexamples').fadeOut('fast'); $('.info').css({'visibility':'visible'}); } } (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-1940652-23', 'auto'); ga('send', 'pageview'); </script> </body> </html>