Merge pull request #26 from tibonto/25-include-visualization-of-ontol…

…ogy-in-docs-dir

webowl resulting SVG, CSS style file, 2 captured PNGs in docs/  PNGs referenced in README

README.md

@@ -5,9 +5,14 @@
 
 [DFG](https://www.dfg.de/en) (The Deutsche Forschungsgemeinschaft - German Research Foundation) *Classification of Scientific Disciplines, Research Areas, Review Boards and Subject Areas* is published as a PDF or HTML (see links below). 
 
+![WebOwl visualization of ontology classes](docs/webowl_viz.png)
+
 We decided to build upon this work and build and RDF based ontology, for the *DFG Classification of Subject Areas*, so that browsing, searching and mapping (of subject number and its label) could be easy achieved by ontology/RDF processing software, such as ontology-lookup systems and tripe-stores.
 
-![](./docs/dfgfo-hierarchies.png)
+
+![WebOwl visualization of ontology classes(detail)](docs/webowl_viz_detail.png)
+
+
 
 ## Ontology
 
@@ -16,6 +21,7 @@ We decided to build upon this work and build and RDF based ontology, for the *DF
 * **Ontology PURL**: <https://raw.githubusercontent.com/tibonto/DFG-Fachsystematik-Ontology/main/dfgfo.ttl>
 * **ontology prefix/id**: `dfgfo`
 
+![screen capture of classes hierarchy in protege](./docs/dfgfo-hierarchies.png)
 
 
 ## Create/update ontology

docs/style.css

@@ -0,0 +1,25 @@
+.label { display: none;}
+
+.class {
+        fill: rgba(253, 6, 237, 0.605)!important;
+        stroke-width: 0px!important;
+      }
+
+.text.subtext {
+    display: none!important;
+}
+
+.dotted{
+    stroke: rgba(242, 46, 213, 0.505) !important; 
+    stroke-width: 1px!important;
+    stroke-dasharray: 0px !important;
+}
+
+.white {
+    stroke: rgba(242, 46, 213, 0.702) !important; 
+    stroke-width: 2px!important;
+    stroke-dasharray: 0px !important;
+}
+
+/* style="fill: rgb(255, 255, 255); stroke: rgb(0, 0, 0); stroke-width: 2px; stroke-dasharray: 100px;"> */
+