<template>
  <section id="visualization">
    <VizTitle />
    <NarrativeIntro />
    <BubbleChart />
    <Dendrogram />
    <Maps />
    <!-- <Beeswarm /> -->
    <ReferencesSection />
    <AuthorshipSection />
  </section>
</template>

<script setup>
  import VizTitle from '.././components/VizTitle.vue'
  import NarrativeIntro from '.././components/NarrativeIntro.vue'
  import BubbleChart from '../components/BubbleChart.vue'
  import Beeswarm from '../components/Beeswarm.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: 6rem 0rem 5rem 0rem;

  }
</style>