web-of-life.qmd

---
title: "Web of Life"
engine: knitr
sidebar: false
---

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" />
<link rel="stylesheet" type="text/css" href="WoL/css/imerss-viz-all.css" />
<script src="WoL/js/jquery.js"></script>
<script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script>
<script src="WoL/js/imerss-viz-all.js"></script>

The Web of Life is an interactive data visualization based on a working species list of observations from Xetthecum. Click on the tool below to make a selection, or use the search bar. To reset the tool, click on the central “Life” circle. Note: species reports are continually subject to review through the <a href="https://biogaliano.org">Biodiversity Galiano Project</a>.



<style>
.autocomplete__input {
    background: white
}
</style>

<div class="fl-imerss-container column-page">
</div>

<script>
// Attested at https://getbootstrap.com/docs/5.0/getting-started/javascript/#no-conflict-only-if-you-use-jquery
// Need to prevent bootstrap's tooltip plugin (which is force-loaded by quarto) from conflicting with jQuery's which
// is in use in the viz
hortis.revertTooltip = function () {
    console.log("Reverting ", $.fn.tooltip);
    var bootstrapTooltip = $.fn.tooltip.noConflict() // return $.fn.button to previously assigned value
    $.fn.bootstrapTooltip = bootstrapTooltip // give $().bootstrapBtn the Bootstrap functionality
}

document.addEventListener("DOMContentLoaded", hortis.revertTooltip);

hortis.sunburstLoader(".fl-imerss-container", {
  resourceBase: "WoL",
  renderMarkup: true,
  colourCount: "observationCount",
  culturalValues: false,
  initialTab: "sunburst",
  vizFile: "WoL/data/Life.json.lz4",
  phyloMap: "%resourceBase/json/kingdomPhyloMap.json",
  markupTemplate: "%resourceBase/html/imerss-viz-nomap-wol.html",
  commonNames: false
});
</script>