<template>
  <section id="visualization">
    <VizTitle />
    <BeeswarmChart /> 
    <NarrativeIntro />
    <Dendrogram />
    <Maps />
    <ReferencesSection />
    <AuthorshipSection />
  </section>
</template>

<script setup>
  import VizTitle from '.././components/VizTitle.vue'
  import NarrativeIntro from '.././components/NarrativeIntro.vue'
  import BeeswarmChart from '../components/BeeswarmChart.vue'
  import Dendrogram from '.././components/Dendrogram.vue'
  import Maps from '.././components/Maps.vue'
  import ReferencesSection from '.././components/References.vue'
  import AuthorshipSection from '.././components/Authorship.vue'
</script>

<style lang="scss" scoped>
  #visualization{
    padding: 0rem 0rem 0rem 0rem;

  }
</style>