Dynamic graphs

reeco-framework · Feb 12, 2024 · 83d3b4a · 83d3b4a
1 parent aba4d83
commit 83d3b4a
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 25 deletions.
diff --git a/pages/data.md b/pages/data.md
@@ -14,18 +14,22 @@ This section collects project outputs that are released as *data*.
 The ecosystem considers data any digital object that specifies, describes, or represents facts about the project's domain of interest.
 These include various types of digital objects such as [datasets](#dataset), [corpora](#corpus), [ontologies](#ontology), or [repositories](#repository).
 
+
+{% assign types_data = "Data,Dataset,Schema,Repository,Registry,Ontology,Corpus,Lexicon,KnowledgeGraph" | split: "," %}
+
 <div id="chart_container_data"></div>
 <script>
 anychart.onDocumentReady(function() {
     // set the data
     var data = [
-        {x: "Corpus", value: 1},
-        {x: "Dataset", value: 4},
-        {x: "KnowledgeGraph", value: 1},
-        {x: "Lexicon", value: 1},
-        {x: "Ontology", value: 6},
-        {x: "Repository", value: 4},
-        {x: "Schema", value: 2}
+		{% for type in types_data %}
+			{% if type != "" %}
+				{% assign comps =  site.documents  | where: 'type',type | size%}
+				{% if comps > 0 %}
+     		   		{x: "{{type}}", value: {{ comps }} },
+				{% endif %}
+			{% endif %}
+		{% endfor %}
     ];
     // create the chart
     var chart = anychart.pie3d();
@@ -45,7 +49,6 @@ anychart.onDocumentReady(function() {
   });
   </script>
 
-{% assign types_data = "Data,Dataset,Schema,Repository,Registry,Ontology,Corpus,Lexicon,KnowledgeGraph" | split: "," %}
 {% for type in types_data %}
 {% if type != "" %}
 {% assign components =  site.documents  | where: 'type',type %}

diff --git a/pages/report.md b/pages/report.md
@@ -15,16 +15,21 @@ The ecosystem considers reports any digital object that specifies, describes, or
 Reports differ from *data* as they are mainly directed to human consumption, rather than computational treatment.
 Reports include various types of digital objects such as [documentation](#documentation), [tutorial](#tutorial), [requirements collections](#requirementscollection), [stories](#story) or [persona](#persona) specifications.
 
+{% assign types_report = "Report,RequirementsCollection,Story,Persona,Mockup,Surbey,InPresenceGroup,Documentation,Tutorial,EvaluationReport" | split: "," |sort %}
+
 <div id="chart_container_report"></div>
 <script>
 anychart.onDocumentReady(function() {
     // set the data
     var data = [
-        {x: "Documentation", value: 4}, 
-        {x: "Persona", value: 22}, 
-        {x: "RequirementsCollection", value: 2}, 
-        {x: "Story", value: 35}, 
-        {x: "Tutorial", value: 1}
+		{% for type in types_report %}
+			{% if type != "" %}
+				{% assign comps =  site.documents  | where: 'type',type | size%}
+				{% if comps > 0 %}
+     		   		{x: "{{type}}", value: {{ comps }} },
+				{% endif %}
+			{% endif %}
+		{% endfor %}
     ];
     // create the chart
     var chart = anychart.pie3d();
@@ -44,8 +49,7 @@ anychart.onDocumentReady(function() {
   });
   </script>
 
-{% assign report_data = "Report,RequirementsCollection,Story,Persona,Mockup,Surbey,InPresenceGroup,Documentation,Tutorial,EvaluationReport" | split: "," %}
-{% for type in report_data %}
+{% for type in types_report %}
 {% if type != "" %}
 {% assign components =  site.documents  | where: 'type',type %}
 {% assign numberOf = components | size %}

diff --git a/pages/software.md b/pages/software.md
@@ -20,19 +20,21 @@ The ecosystem considers applications executable systems and tools produced by th
 We distinguish applications from software, where software can be copied, moved, and executed in multiple different applications (each in relation to some usage senarios).
 Applications include various types of artifacts such as Web Applications, Web sites, and Command Line Interface (CLI) tools.
 
+{% assign types_software = "Software,Workflow,API,UserInterface,SoftwareLibrary,DockerImageContainer,Notebook,Script,Application,Website,WebApplication,WebService,SPARQLEndpoint,MobileApp,CLITool" | split: "," | sort %}
+
 <div id="chart_container_software"></div>
 <script>
 anychart.onDocumentReady(function() {
     // set the data
     var data = [
-        {x: "Application", value: 1},
-        {x: "CLITool", value: 1},
-        {x: "DockerImageContainer", value: 1},
-        {x: "SPARQLEndpoint", value: 2},
-        {x: "Software", value: 8},
-        {x: "SoftwareLibrary", value: 2},
-        {x: "UserInterface", value: 1},
-        {x: "WebApplication", value: 5}
+		{% for type in types_software %}
+			{% if type != "" %}
+				{% assign comps =  site.documents  | where: 'type',type | size%}
+				{% if comps > 0 %}
+     		   		{x: "{{type}}", value: {{ comps }} },
+				{% endif %}
+			{% endif %}
+		{% endfor %}
     ];
     // create the chart
     var chart = anychart.pie3d();
@@ -53,8 +55,7 @@ anychart.onDocumentReady(function() {
   </script>
 
 
-{% assign software_data = "Software,Workflow,API,UserInterface,SoftwareLibrary,DockerImageContainer,Notebook,Script,Application,Website,WebApplication,WebService,SPARQLEndpoint,MobileApp,CLITool" | split: "," | sort %}
-{% for type in software_data %}
+{% for type in types_software %}
 {% if type != "" %}
 {% assign numberOf = site.documents  | where_exp: 'item', "item.type == type" | size %}
 {% if numberOf > 0 %}