512 native moz dashboard visualizations main

components/VegaView.vue

@@ -0,0 +1,16 @@
+<template>
+  <div :id="vegachartId"></div>
+</template>
+
+<script setup>
+import embed from 'vega-embed'
+
+const props = defineProps({
+  spec: { type: Object, required: true, default: () => ({}) },
+  vegachartId: { type: String, required: true, default: '99' },
+})
+
+onMounted(() => {
+  embed('#' + props.vegachartId, JSON.parse(JSON.stringify(props.spec)))
+})
+</script>

components/dataset/TabDashboard.vue

@@ -18,6 +18,10 @@
         </v-col>
       </v-row>
 
+      <div v-for="(spec, index) in dashboardSpecs" :key="index">
+        <VegaView :spec="spec" :vegachart-id="'vegachart' + index" />
+      </div>
+
       <!-- Description -->
       <ContentRenderer :value="page" />
 
@@ -30,13 +34,17 @@
     </section>
   </v-window-item>
 </template>
+
 <script setup>
 const i18n = useI18n()
 
-defineProps({
+const props = defineProps({
+  projects: { type: Array, required: false, default: () => [] },
+  blogs: { type: Array, required: false, default: () => [] },
   showcases: { type: Array, required: false, default: () => [] },
   page: { type: Object, required: false, default: null },
   dataset: { type: Object, required: true, default: null },
+  dashboardSpecs: { type: Object, required: true, default: () => ({}) },
 })
 
 // reactive data

content/en/dashboards/muziekopnamen-zendgemachtigden.md

@@ -7,56 +7,4 @@ tags: []
 showDashboard: true
 ---
 
-**The concerts**
-
-<iframe src='https://flo.uri.sh/visualisation/13400156/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400156/?utm_source=embed&utm_campaign=visualisation/13400156' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_Number of concerts in the MOZ collection_
-
-<iframe src='https://flo.uri.sh/visualisation/13400198/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400198/?utm_source=embed&utm_campaign=visualisation/13400198' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_Number of concerts per year_
-
-<iframe src='https://flo.uri.sh/visualisation/13400214/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400214/?utm_source=embed&utm_campaign=visualisation/13400214' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_Distribution of concerts over musical genres_
-
-**The artists**
-
-<iframe src='https://flo.uri.sh/visualisation/13400457/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400457/?utm_source=embed&utm_campaign=visualisation/13400457' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_The top ten creators, based on number of concerts_
-
-<iframe src='https://flo.uri.sh/visualisation/13400512/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400512/?utm_source=embed&utm_campaign=visualisation/13400512' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_The top ten performers, based on number of concerts_
-
-<iframe src='https://flo.uri.sh/visualisation/16062269/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/16062269/?utm_source=embed&utm_campaign=visualisation/16062269' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_The top ten most frequently occuring instruments, on the basis of number of concerts_
-
-<iframe src='https://flo.uri.sh/visualisation/15966465/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/15966465/?utm_source=embed&utm_campaign=visualisation/15966465' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_Profiles of the top ten most frequently occuring instruments, including audio samples from Wikidata_
-
-Note: Only instruments mapped to Wikidata are included.
-
-**The locations**
-
-<iframe src='https://flo.uri.sh/visualisation/14539726/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/14539726/?utm_source=embed&utm_campaign=visualisation/14539726' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_Number of concerts per location_
-
-Note: Only locations mapped to Wikidata are included. Locations are mostly noted at the level of the concert, but sometimes at the level of a clip within the concert.
-
-**The organisations**
-
-<iframe src='https://flo.uri.sh/visualisation/13400764/embed' title='Interactive or visual content' class='flourish-embed-iframe' frameborder='0' scrolling='no' style='width:100%;height:600px;' sandbox='allow-same-origin allow-forms allow-scripts allow-downloads allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation'></iframe><div style='width:100%!;margin-top:4px!important;text-align:right!important;'><a class='flourish-credit' href='https://public.flourish.studio/visualisation/13400764/?utm_source=embed&utm_campaign=visualisation/13400764' target='_top' style='text-decoration:none!important'><img alt='Made with Flourish' src='https://public.flourish.studio/resources/made_with_flourish.svg' style='width:105px!important;height:16px!important;border:none!important;margin:0!important;'> </a></div>
-
-_The top ten production companies, based on number of concerts_
-
-**Finding the collection**
-
-The MOZ collection is registered in the NDE and Clariah data registries. It can be viewed in the <a target="_blank" href="https://mediasuite.clariah.nl/tool/single-search?queryId=6688eee0-db29-4f6e-9eae-fdc28d38cc64">Media Suite</a> (metadata available for everyone, users with a Media Suite account can
-also play audio/video of some concerts), and as Linked Data on the Sound & Vision <a target="_blank" href="https://cat.apis.beeldengeluid.nl/#transientDatasources=https%3A%2F%2Fcat.apis.beeldengeluid.nl%2Fsparql&query=PREFIX%20sdo%3A%20%3Chttps%3A%2F%2Fschema.org%2F%3E%0A%0A%23%20Show%20the%20ID%20and%20title%20of%20all%20concerts%20that%20are%20part%20of%20the%20Dutch%20Broadcast%20Concert%20%0A%23%20(MOZ)%20collection%2C%20in%20alphabetical%20order%0A%0ASELECT%20DISTINCT%20%3FprogramUri%20%3FprogramName%0AWHERE%0A%7B%0A%20%23%20Filter%20for%20programmes%20belonging%20to%20the%20series%20%22Muziekopnamen%20Zendgemachtigden%20(MOZ)%22%2C%20using%20its%20ID%0A%20%3FprogramUri%20sdo%3ApartOfSeason%2Fsdo%3ApartOfSeries%20%3Chttp%3A%2F%2Fdata.beeldengeluid.nl%2Fid%2Fseries%2F2101608030025711131%3E%20%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20sdo%3Aname%20%3FprogramName%20.%20%0A%7D%20ORDER%20BY%20%3FprogramName">linked data endpoint</a>.
-An interactive overview of the collection statistics can be found in <a target="_blank" href="https://github.com/mwigham/linked_data_notebooks/blob/main/MOZ%20Linked%20Data%20visualisations.ipynb">this Jupyter Notebook</a>, which you can run locally. Alternatively, you can try it out online in <a target="_blank" href="https://colab.research.google.com/github/mwigham/linked_data_notebooks/blob/main/MOZ%20Linked%20Data%20visualisations.ipynb">Google Colab</a> (disclaimer: this is hosted by a third party).
+---