javascript - How to display RDF data described by Fresnel vocabulary? -

javascript - How to display RDF data described by Fresnel vocabulary? -

i studying semantic web while trying create simple single page application (spa).

the spa should able display various rdf info (and allow user create new ontologies in user friendly way).

i have total controll of format of ontologies (meaning can state if represented rdf/xml, ntripples, turtle etc. , can decide, if want utilize ontologies describe how info should displayed).

from read in fresnel manual think can way describe "look" of ontologies.

i discovered looks jquery fresnel engine, missing examples on how utilize this.

questions:

how can utilize such engine display info below? is fresnel recommended utilize issue? if not, recommend?

an illustration fresnel manual:

rdf object displayed

: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> .

fresnel styling information:

: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 .

how can utilize such engine display info below?

use fsl map nodes dom selectors

is fresnel recommended utilize issue?

it seems linked info platform has subsumed effort.

references

rdf visualization rdfscape ldpjs: linked info platform reference implementation

javascript rdf semantic-web fresnel