flowchart LR
classDef event stroke:#5C811F,fill:#5C811F,color:white,rx:5px,ry:5px;
classDef crm stroke:#333333,fill:#DCDCDC,color:#333333,rx:5px,ry:5px;
classDef type stroke:#502604,fill:#FAB565,color:#502604,rx:20px,ry:20px;
classDef literal stroke:black,fill:#f0f0e0,color:black,rx:2px,ry:2px,max-width:100px;
classDef aPID stroke:#4e4403,fill:#fdde29,color:#4e4403,rx:5px,ry:5px;
classDef object stroke:#2C5D98,fill:#2C5D98,color:white,rx:5px,ry:5px;
classDef object_bn stroke:#1E3F67,fill:#94abc5,color:#1E3F67,rx:20px,ry:20px;
O0("_Blank Node-N1")
class O0 event;
O1("crm:E16.Measurement-6")
class O1 crm;
O0["_Blank Node-N1"] -- "crm:P2.has type" -->O1["crm:E16.Measurement"]
O2("aat:300379861")
class O2 type;
click O2 "http://vocab.getty.edu/aat/300379861" "Link to: http://vocab.getty.edu ...";
O0["_Blank Node-N1"] -- "crm:P2.has type" -->O2["aat:300379861"]
O3("aat:300419323")
class O3 type;
click O3 "http://vocab.getty.edu/aat/300419323" "Link to: http://vocab.getty.edu ...";
O0["_Blank Node-N1"] -- "crm:P32.used general technique" -->O3["aat:300419323"]
O4("wd:Q72367323")
class O4 type;
click O4 "https://www.wikidata.org/wiki/Q72367323" "Link to: https://www.wikidata.org ...";
O0["_Blank Node-N1"] -- "crm:P125.used object of type" -->O4["wd:Q72367323"]
O5("ng:N-1171-00-000053")
class O5 literal;
O0["_Blank Node-N1"] -- "crm:P108.has produced" -->O5["ng:N-1171-00-000053"]
O6("ngo:00D-0002-0000")
class O6 aPID;
click O6 "https://data.ng-london.org.uk/00D-0002-0000" "Link to: https: ...";
O0["_Blank Node-N1"] -- "crm:P14.carried out by" -->O6["ngo:00D-0002-0000"]
O7("ng:0FJS-0001-0000-0000")
class O7 object;
click O7 "https://data.ng.ac.uk/0FJS-0001-0000-0000" "Link to: https: ...";
O0["_Blank Node-N1"] -- "crm:P39.measured" -->O7["ng:0FJS-0001-0000-0000"]
O8("ngo:00D-0001-0000")
class O8 object;
click O8 "https://data.ng-london.org.uk/00D-0001-0000" "Link to: https: ...";
O0["_Blank Node-N1"] -- "crm:P70.is documented in" -->O8["ngo:00D-0001-0000"]
O9("crm:E22.Man-Made Object-15")
class O9 crm;
O7["ng:0FJS-0001-0000-0000"] -- "crm:P2.has type" -->O9["crm:E22.Man-Made Object"]
O10("ng:N-1171-00-000055")
class O10 literal;
O7["ng:0FJS-0001-0000-0000"] -- "crm:P138.has representation" -->O10["ng:N-1171-00-000055"]
O11("crm:E31.Document-18")
class O11 crm;
O8["ngo:00D-0001-0000"] -- "crm:P2.has type" -->O11["crm:E31.Document"]
O12("National Gallery Collection Image Database@en")
class O12 literal;
O8["ngo:00D-0001-0000"] -- "rdfs:label" -->O12["National Gallery Collection Image Database@en"]
O13("crm:E21.Person-21")
class O13 crm;
O6["ngo:00D-0002-0000"] -- "crm:P2.has type" -->O13["crm:E21.Person"]
O14("aat:300025687")
class O14 type;
click O14 "http://vocab.getty.edu/aat/300025687" "Link to: http://vocab.getty.edu ...";
O6["ngo:00D-0002-0000"] -- "crm:P2.has type" -->O14["aat:300025687"]
O15("Example NG Staff Member@en")
class O15 literal;
O6["ngo:00D-0002-0000"] -- "rdfs:label" -->O15["Example NG Staff Member@en"]
O16("photographers@en")
class O16 literal;
O14["aat:300025687"] -- "rdfs:label" -->O16["photographers@en"]
O17("crm:E22.Man Made Object-26")
class O17 crm;
O5["ng:N-1171-00-000053"] -- "crm:P2.has type" -->O17["crm:E22.Man Made Object"]
O5["ng:N-1171-00-000053"] -- "crm:P2.has type" -->O4["wd:Q72367323"]
O5["ng:N-1171-00-000053"] -- "crm:P65.shows visual item" -->O10["ng:N-1171-00-000055"]
O18("Free Text N-1171-00-000053 description@en")
class O18 literal;
O5["ng:N-1171-00-000053"] -- "rdf:comment" -->O18["Free Text N-1171-00-000053 description@en"]
O5["ng:N-1171-00-000053"] -- "crm:P70.is documented in" -->O8["ngo:00D-0001-0000"]
O19("_Blank Node-N2")
class O19 object_bn;
O20("crm:E54.Dimension-32")
class O20 crm;
O19["_Blank Node-N2"] -- "crm:P2.has type" -->O20["crm:E54.Dimension"]
O21("aat:300055647")
class O21 type;
click O21 "http://vocab.getty.edu/aat/300055647" "Link to: http://vocab.getty.edu ...";
O19["_Blank Node-N2"] -- "crm:P2.has type" -->O21["aat:300055647"]
O5["ng:N-1171-00-000053"] -- "crm:P43.has dimension" -->O19["_Blank Node-N2"]
O22("30#xsd:decimal")
class O22 literal;
O19["_Blank Node-N2"] -- "crm:P90.has value" -->O22["30#xsd:decimal"]
O23("aat:300379098")
class O23 type;
click O23 "http://vocab.getty.edu/aat/300379098" "Link to: http://vocab.getty.edu ...";
O19["_Blank Node-N2"] -- "crm:P91.has unit" -->O23["aat:300379098"]
O24("_Blank Node-N3")
class O24 object_bn;
O25("crm:E54.Dimension-38")
class O25 crm;
O24["_Blank Node-N3"] -- "crm:P2.has type" -->O25["crm:E54.Dimension"]
O26("aat:300055644")
class O26 type;
click O26 "http://vocab.getty.edu/aat/300055644" "Link to: http://vocab.getty.edu ...";
O24["_Blank Node-N3"] -- "crm:P2.has type" -->O26["aat:300055644"]
O5["ng:N-1171-00-000053"] -- "crm:P43.has dimension" -->O24["_Blank Node-N3"]
O27("40#xsd:decimal")
class O27 literal;
O24["_Blank Node-N3"] -- "crm:P90.has value" -->O27["40#xsd:decimal"]
O24["_Blank Node-N3"] -- "crm:P91.has unit" -->O23["aat:300379098"]
O28("_Blank Node-N4")
class O28 object_bn;
O29("crm:E42.Identifier-44")
class O29 crm;
O28["_Blank Node-N4"] -- "crm:P2.has type" -->O29["crm:E42.Identifier"]
O30("aat:300404621")
class O30 type;
click O30 "http://vocab.getty.edu/aat/300404621" "Link to: http://vocab.getty.edu ...";
O28["_Blank Node-N4"] -- "crm:P2.has type" -->O30["aat:300404621"]
O5["ng:N-1171-00-000053"] -- "crm:P131.is identified by" -->O28["_Blank Node-N4"]
O31("N-1171-00-000053@en")
class O31 literal;
O28["_Blank Node-N4"] -- "rdfs:label" -->O31["N-1171-00-000053@en"]
O32("_Blank Node-N5")
class O32 object_bn;
O33("crm:E42.Identifier-49")
class O33 crm;
O32["_Blank Node-N5"] -- "crm:P2.has type" -->O33["crm:E42.Identifier"]
O32["_Blank Node-N5"] -- "crm:P2.has type" -->O30["aat:300404621"]
O10["ng:N-1171-00-000055"] -- "crm:P131.is identified by" -->O32["_Blank Node-N5"]
O34("N-1171-00-000055@en")
class O34 literal;
O32["_Blank Node-N5"] -- "rdfs:label" -->O34["N-1171-00-000055@en"]
O35("crm:E36.Visual Item-54")
class O35 crm;
O10["ng:N-1171-00-000055"] -- "crm:P2.has type" -->O35["crm:E36.Visual Item"]
O36("aat:300419325")
class O36 type;
click O36 "http://vocab.getty.edu/aat/300419325" "Link to: http://vocab.getty.edu ...";
O10["ng:N-1171-00-000055"] -- "crm:P2.has type" -->O36["aat:300419325"]
O37("aat:300215302")
class O37 type;
click O37 "http://vocab.getty.edu/aat/300215302" "Link to: http://vocab.getty.edu ...";
O10["ng:N-1171-00-000055"] -- "crm:P2.has type" -->O37["aat:300215302"]
O38("Free Text N-1171-00-000055 description@en")
class O38 literal;
O10["ng:N-1171-00-000055"] -- "rdf:comment" -->O38["Free Text N-1171-00-000055 description@en"]
O10["ng:N-1171-00-000055"] -- "crm:P138.represents" -->O7["ng:0FJS-0001-0000-0000"]
O10["ng:N-1171-00-000055"] -- "crm:P70.is documented in" -->O8["ngo:00D-0001-0000"]
O39("_Blank Node-N6")
class O39 object_bn;
O40("crm:E42.Identifier-61")
class O40 crm;
O39["_Blank Node-N6"] -- "crm:P2.has type" -->O40["crm:E42.Identifier"]
O41("wd:Q1144928")
class O41 type;
click O41 "https://www.wikidata.org/wiki/Q1144928" "Link to: https://www.wikidata.org ...";
O39["_Blank Node-N6"] -- "crm:P2.has type" -->O41["wd:Q1144928"]
O10["ng:N-1171-00-000055"] -- "crm:P131.is identified by" -->O39["_Blank Node-N6"]
O42("N-1171-00-000052.tif@en")
class O42 literal;
O39["_Blank Node-N6"] -- "rdfs:label" -->O42["N-1171-00-000052.tif@en"]
O43("_Blank Node-N7")
class O43 object_bn;
O44("crm:E54.Dimension-66")
class O44 crm;
O43["_Blank Node-N7"] -- "crm:P2.has type" -->O44["crm:E54.Dimension"]
O43["_Blank Node-N7"] -- "crm:P2.has type" -->O21["aat:300055647"]
O10["ng:N-1171-00-000055"] -- "crm:P43.has dimension" -->O43["_Blank Node-N7"]
O45("19230#xsd:decimal")
class O45 literal;
O43["_Blank Node-N7"] -- "crm:P90.has value" -->O45["19230#xsd:decimal"]
O46("aat:300266190")
class O46 type;
click O46 "http://vocab.getty.edu/aat/300266190" "Link to: http://vocab.getty.edu ...";
O43["_Blank Node-N7"] -- "crm:P91.has unit" -->O46["aat:300266190"]
O47("_Blank Node-N8")
class O47 object_bn;
O48("crm:E54.Dimension-72")
class O48 crm;
O47["_Blank Node-N8"] -- "crm:P2.has type" -->O48["crm:E54.Dimension"]
O47["_Blank Node-N8"] -- "crm:P2.has type" -->O26["aat:300055644"]
O10["ng:N-1171-00-000055"] -- "crm:P43.has dimension" -->O47["_Blank Node-N8"]
O49("30275#xsd:decimal")
class O49 literal;
O47["_Blank Node-N8"] -- "crm:P90.has value" -->O49["30275#xsd:decimal"]
O47["_Blank Node-N8"] -- "crm:P91.has unit" -->O46["aat:300266190"]
O50("pixels@en")
class O50 literal;
O46["aat:300266190"] -- "rdfs:label" -->O50["pixels@en"]
O51("centimeters@en")
class O51 literal;
O23["aat:300379098"] -- "rdfs:label" -->O51["centimeters@en"]
O52("width@en")
class O52 literal;
O21["aat:300055647"] -- "rdfs:label" -->O52["width@en"]
O53("height@en")
class O53 literal;
O26["aat:300055644"] -- "rdfs:label" -->O53["height@en"]
O54("imaging (image making process)@en")
class O54 literal;
O2["aat:300379861"] -- "rdfs:label" -->O54["imaging (image making process)@en"]
O55("x-radiography@en")
class O55 literal;
O3["aat:300419323"] -- "rdfs:label" -->O55["x-radiography@en"]
O56("repository number@en")
class O56 literal;
O30["aat:300404621"] -- "rdfs:label" -->O56["repository number@en"]
O57("filename@en")
class O57 literal;
O41["wd:Q1144928"] -- "rdfs:label" -->O57["filename@en"]
O58("x-ray film@en")
class O58 literal;
O4["wd:Q72367323"] -- "rdfs:label" -->O58["x-ray film@en"]
O59("digital images@en")
class O59 literal;
O37["aat:300215302"] -- "rdfs:label" -->O59["digital images@en"]
O60("x-radiographs@en")
class O60 literal;
O36["aat:300419325"] -- "rdfs:label" -->O60["x-radiographs@en"]
O61("aat:300404202")
class O61 type;
click O61 "http://vocab.getty.edu/aat/300404202" "Link to: http://vocab.getty.edu ...";
O62("files (digital files)@en")
class O62 literal;
O61["aat:300404202"] -- "rdfs:label" -->O62["files (digital files)@en"]
;
Information
This is an interactive live modelling system which can automatically convert simple tab separated triples or JSON-LD (experimental) into graphical models and flow diagrams using the Mermaid Javascript library. It has been designed to be very simple to use. The tab separated triples can be typed directly into the web-page, but users can also work and prepare data in three (or four columns if applying formatting) of a online spreadsheet and then just copy the relevant columns and paste them directly into the data entry text box.
In general the tool makes use of a simple set of predefined formats for the flow diagrams, taken from the Mermaid library, but a series of additional predefined formats have also be provided and can be defined as a fourth "triple".
The default landing page presents an example set or data, and the generated model demonstrates the functionality provided. As a new user it is recommended that you try editing this data to see how the diagrams are built. Additional examples are also available via the Examples menu option in the upper right.
The system has also be defined to allow models to be shared via automatically generate, and often quite long, URLs. This can be accessed via the Links menu option, as the Bookmark Link. A static image version of any given model can be saved by following the Download Image option and using the tools provide by the Mermaid Ink system. It is also possible to further edit a model using the full options of the Mermaid library using the Mermaid Live Editor, via the Mermaid Editor link.
In general the tool makes use of a simple set of predefined formats for the flow diagrams, taken from the Mermaid library, but a series of additional predefined formats have also be provided and can be defined as a fourth "triple".
The default landing page presents an example set or data, and the generated model demonstrates the functionality provided. As a new user it is recommended that you try editing this data to see how the diagrams are built. Additional examples are also available via the Examples menu option in the upper right.
The system has also be defined to allow models to be shared via automatically generate, and often quite long, URLs. This can be accessed via the Links menu option, as the Bookmark Link. A static image version of any given model can be saved by following the Download Image option and using the tools provide by the Mermaid Ink system. It is also possible to further edit a model using the full options of the Mermaid library using the Mermaid Live Editor, via the Mermaid Editor link.
Acknowledgements:
This tool was originally developed within the National Gallery, but its continue development and public presentation has also been supported by:The H2020 IPERION-HS project
The H2020 SSHOC project
The AHRC Funded Linked.Art project
More questions or issues? - Try Github.