descriptions

Author: SpaceMercury

website/content/_index.md

@@ -21,3 +21,5 @@ A powerful, lightweight visualization for COM-480 built with Hugo, Tailwind CSS.
 - [Languages](visualizations/languages/): see the distribution of books by language as a waffle chart.
 - [Publishers](visualizations/publishers/): compare gender representation across major publishers.
 - [Library](visualizations/library/): browse and filter books on an interactive shelf.
+
+{{< team-profile >}}

website/content/visualizations/gender-explorator/index.md

@@ -5,6 +5,12 @@ tags: ["d3", "visualization"]
 layout: "simple"
 ---
 
+This view explores gender disparity across book genres and author nationalities by showing whether each category leans more toward men-led or women-led authorship.
+
+Change the sorting and number of rows to highlight the largest categories, the strongest disparities, or the categories closest to parity.
+
+Move the row slider and change the sorting mode to make different stories surface: big categories first, sharpest gaps next, and quieter near-parity cases when you want a closer look.
+
 <!-- prettier-ignore-start -->
 {{< d3 >}}
 const root = d3.select(container)

website/content/visualizations/gender-explorer/index.md

@@ -5,6 +5,12 @@ tags: ["d3", "visualization"]
 layout: "simple"
 ---
 
+This filtered comparison lets you select either book genres or author nationalities, then compare the total number of books attributed to male, female, and other authorship groups.
+
+Use the filters to focus on specific categories and see how the gender distribution changes across different slices of the Goodreads dataset.
+
+Try switching between genres and nationalities, then raise the minimum-books slider to let the small categories step aside and reveal the bigger patterns.
+
 <!-- prettier-ignore-start -->
 {{< d3 >}}
 const comparisonRoot = d3.select(container)

website/content/visualizations/gender-genre-scatter/index.md

@@ -5,6 +5,12 @@ tags: ["d3", "visualization"]
 layout: "simple"
 ---
 
+This scatterplot compares average book price and average rating for male and non-male author groups across genres or author nationalities.
+
+Each point summarizes one category, making it easier to see whether rating and price patterns differ between gender groups for the same part of the dataset.
+
+Use the group selector and the minimum-books slider to clean up the cloud of points, then hover around to spot the categories that behave a little differently from the rest.
+
 <!-- prettier-ignore-start -->
 {{< d3 >}}
 const scatterRoot = d3.select(container)

website/layouts/shortcodes/team-profile.html

@@ -0,0 +1,35 @@
+{{ $author := site.Language.Params.Author }}
+{{ $lazy := site.Params.enableImageLazyLoading | default true }}
+
+<section class="not-prose mt-12 flex flex-col items-center text-center">
+  {{ with $author.image }}
+    {{ with resources.Get . }}
+      {{ $teamImage := .Fill "96x96 Center" }}
+      <img
+        src="{{ $teamImage.RelPermalink }}"
+        width="96"
+        height="96"
+        alt="{{ $author.name | default site.Title }}"
+        class="mb-3 rounded-full"
+        style="width: 96px; height: 96px; object-fit: cover;"
+        {{ with $lazy }}loading="lazy" decoding="async"{{ end }}
+      />
+    {{ end }}
+  {{ end }}
+  <h2 class="mb-1 text-2xl font-bold text-neutral-800 dark:text-neutral-100">
+    {{ $author.name | default site.Title }}
+  </h2>
+  {{ with $author.headline }}
+    <p class="mb-1 text-base text-neutral-500 dark:text-neutral-400">
+      {{ . | markdownify | emojify }}
+    </p>
+  {{ end }}
+  {{ with $author.bio }}
+    <p class="mb-2 max-w-xl text-sm text-neutral-600 dark:text-neutral-300">
+      {{ . | markdownify | emojify }}
+    </p>
+  {{ end }}
+  <div class="text-xl">
+    {{ partialCached "author-links.html" . }}
+  </div>
+</section>