javascript - 如何显示菲涅尔词汇描述的RDF数据？

Question

我正在研究语义网，同时尝试创建一个简单的单页应用程序 (SPA)。

SPA应该能够显示各种rdf数据(并且还允许用户以用户友好的方式创建新的本体)。

我可以完全控制本体的格式(这意味着我可以说明它们是否表示为 RDF/XML、ntripples、turtle 等，而且我也可以决定是否要使用本体来描述数据应该如何显示)。

根据我在 Fresnel Manual 中读到的内容我认为这可以是描述本体“外观”的好方法。

我发现了类似 JQuery fresnel engine 的内容，但缺少一些有关如何使用它的示例。

问题:

1. 如何使用这样的引擎来显示下面的数据？
2. 建议使用菲涅尔来解决此问题吗？
3. 如果没有，您有什么建议？

菲涅耳手册中的示例:

要显示的 RDF 对象

:Chris rdf:type foaf:Person ;
       foaf:name "Chris Bizer" ;
       foaf:mbox <mailto:chris@bizer.de> ;
       foaf:mbox <mailto:bizer@gmx.de> ;
       foaf:depiction <http://www.wiwiss.fu-berlin.de/suhl/ueber_uns/team/Fotos/ChrisPassbild.jpg> .

菲涅尔样式信息:

:foafGroup rdf:type fresnel:Group ;
           fresnel:stylesheetLink <http://www.example.org/example.css> ;
           fresnel:containerStyle "background-color: white;"^^fresnel:stylingInstructions ; 

:foafPersonFormat rdf:type fresnel:Format ;
                  fresnel:classFormatDomain foaf:Person ;
                  fresnel:resourceStyle "background-color: gray;"^^fresnel:stylingInstructions ;
                  fresnel:group :foafGroup .

:nameFormat rdf:type fresnel:Format ;
            fresnel:propertyFormatDomain foaf:name ;
            fresnel:propertyStyle "border-top: solid black;"^^fresnel:stylingInstructions ;
            fresnel:labelStyle "font-weight: bold;"^^fresnel:stylingInstructions ;
            fresnel:group :foafGroup .

:urlFormat rdf:type fresnel:Format ;
           fresnel:propertyFormatDomain foaf:homepage ;
           fresnel:propertyFormatDomain foaf:mbox ;
           fresnel:value fresnel:externalLink ;
           fresnel:propertyStyle "border-top: solid black;"^^fresnel:stylingInstructions ;
           fresnel:labelStyle "font-weight: bold;"^^fresnel:stylingInstructions ;
           fresnel:group :foafGroup .

:depictFormat rdf:type fresnel:Format ;
              fresnel:propertyFormatDomain foaf:depiction ;
              fresnel:label fresnel:none ;
              fresnel:value fresnel:image ;
              fresnel:propertyStyle "border-top: solid black;"^^fresnel:stylingInstructions ;
              fresnel:group :foafGroup .

Answer 1

How can I use such an engine to display the data below?

使用FSL将节点映射到 DOM 选择器

Is Fresnel something that is recommended to use for this issue?

看来Linked Data Platform已经包含了这项努力。

引用文献

• RDF Visualization
• RDFScape
• ldpjs: Linked Data Platform Reference Implementation