feat: Sketch out a skeleton for Visualizations

Author: mindaslab

docs/index.html

@@ -53,6 +53,7 @@ <h2 id="toc-title">Table of contents</h2>
   <li><a href="#tooling" id="toc-tooling" class="nav-link" data-scroll-target="#tooling">Tooling</a></li>
   <li><a href="#getting-your-feet-wet" id="toc-getting-your-feet-wet" class="nav-link" data-scroll-target="#getting-your-feet-wet">Getting your feet wet</a></li>
   <li><a href="#noj-and-other-libraries" id="toc-noj-and-other-libraries" class="nav-link" data-scroll-target="#noj-and-other-libraries">Noj and other libraries</a></li>
+  <li><a href="#visualizations" id="toc-visualizations" class="nav-link" data-scroll-target="#visualizations">Visualizations</a></li>
   <li><a href="#central-tendencies" id="toc-central-tendencies" class="nav-link" data-scroll-target="#central-tendencies">Central Tendencies</a></li>
   <li><a href="#variability" id="toc-variability" class="nav-link" data-scroll-target="#variability">Variability</a></li>
   <li><a href="#project" id="toc-project" class="nav-link" data-scroll-target="#project">Project</a></li>
@@ -132,6 +133,12 @@ <h2 class="anchored" data-anchor-id="noj-and-other-libraries">Noj and other libr
 <li>Tablecloth</li>
 </ul>
 </section>
+<section id="visualizations" class="level2">
+<h2 class="anchored" data-anchor-id="visualizations">Visualizations</h2>
+<ul>
+<li><a href="visualizations.html">Visualizations</a></li>
+</ul>
+</section>
 <section id="central-tendencies" class="level2">
 <h2 class="anchored" data-anchor-id="central-tendencies">Central Tendencies</h2>
 <ul>

docs/index.qmd

@@ -41,6 +41,9 @@ author: Scicloj Team
 - [Plotly](plotly.html)
 - Tablecloth
 
+## Visualizations
+- [Visualizations](visualizations.html)
+
 ## Central Tendencies
 - [Mean](mean.html)
 - Median

docs/visualizations.html

@@ -0,0 +1,68 @@
+---
+format:
+  html: {toc: true, toc-depth: 4, theme: quarto}
+title: Stats with Clojure
+author: Scicloj Team
+
+---
+<style></style><style>.printedClojure .sourceCode {
+  background-color: transparent;
+  border-style: none;
+}
+</style><style>.clay-limit-image-width .clay-image {max-width: 100%}
+.clay-side-by-side .sourceCode {margin: 0}
+.clay-side-by-side {margin: 1em 0}
+</style>
+<script src="https://code.jquery.com/jquery-3.6.0.min.js" type="text/javascript"></script><script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js" type="text/javascript"></script>
+# Visualizations
+
+## The Human Vision
+
+![](https://upload.wikimedia.org/wikipedia/commons/d/d0/Three_Main_Layers_of_the_Eye.png)
+
+![](https://upload.wikimedia.org/wikipedia/commons/b/bf/Human_visual_pathway.svg)
+
+## Napoleon's Invasion of Russia
+
+<https://en.wikipedia.org/wiki/French_invasion_of_Russia>
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/Jacques-Louis_David_-_The_Emperor_Napoleon_in_His_Study_at_the_Tuileries_-_Google_Art_Project.jpg/500px-Jacques-Louis_David_-_The_Emperor_Napoleon_in_His_Study_at_the_Tuileries_-_Google_Art_Project.jpg)
+
+
+![](https://upload.wikimedia.org/wikipedia/commons/9/9e/Retreat_of_Napoleon_Army_from_Moscow_1812.jpg)
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/2/29/Minard.png/1280px-Minard.png)
+
+
+## London's Cholera Epidemic
+
+<https://en.wikipedia.org/wiki/1854_Broad_Street_cholera_outbreak>
+
+![](https://upload.wikimedia.org/wikipedia/commons/a/a4/Barker--John_Snow--1847.jpg)
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/Snow-cholera-map-1.jpg/960px-Snow-cholera-map-1.jpg)
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/0/03/John_Snow_Pub_1.jpg/960px-John_Snow_Pub_1.jpg)
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Pump_Handle_-_John_Snow_.jpg/960px-Pump_Handle_-_John_Snow_.jpg)
+
+
+## Florence Nightingale's Statistical Diagrams
+
+![](https://upload.wikimedia.org/wikipedia/commons/thumb/a/ab/Florence_Nightingale_%28H_Hering_NPG_x82368%29.jpg/960px-Florence_Nightingale_%28H_Hering_NPG_x82368%29.jpg)
+
+![](https://upload.wikimedia.org/wikipedia/commons/1/17/Nightingale-mortality.jpg)
+
+
+
+
+
+```{=html}
+<div style="background-color:grey;height:2px;width:100%;"></div>
+```
+
+
+
+```{=html}
+<div><pre><small><small>source: <a href="https://github.com/scicloj/stats_with_clojure/blob/main/notebooks/visualizations.clj">notebooks/visualizations.clj</a></small></small></pre></div>
+```