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

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

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

  }
</style>