Skip to content

Add image gallery vignette for artesian wells#11

Closed
larnsce wants to merge 2 commits into
mainfrom
10-create-visual-showcase-vignette-with-artesian-well-images
Closed

Add image gallery vignette for artesian wells#11
larnsce wants to merge 2 commits into
mainfrom
10-create-visual-showcase-vignette-with-artesian-well-images

Conversation

@larnsce

@larnsce larnsce commented Jul 6, 2025

Copy link
Copy Markdown
Contributor

Summary

Implements Issue #10 - Create visual showcase vignette with artesian well images

Changes Made

  • Created Quarto vignette
  • Displays mwater API images in organized gt tables by district
  • Implements 4-column responsive image grid with CSS styling
  • Includes data visualizations for usage patterns and flow rates
  • Added necessary package dependencies to DESCRIPTION
  • Configured _pkgdown.yml to include the new article

Features

  • District-based organization: Wells grouped by district with summary statistics
  • Image tables: Uses gt package to display images alongside key data points
  • Flow rate analysis: Color-coded flow rates (Fast/Moderate/Slow)
  • Image grid: Quick visual overview with 40 images in a 4-column layout
  • Responsive design: Adapts to mobile screens (2 columns on tablet, 1 on phone)
  • Usage patterns: Bar chart showing primary uses of wells

Technical Details

  • Uses tidyverse for data manipulation
  • gt and gtExtras for advanced table formatting
  • CSS grid for responsive image layout
  • Extracts first image from semicolon-separated URLs
  • Handles missing data gracefully

Example Output

The vignette displays:

  • 43 wells with images across multiple districts
  • Average fill times by district
  • Color-coded flow rate indicators
  • Primary usage distribution
  • Coordinates and management information

Closes #10

- Create vignettes/articles directory structure
- Add image-gallery.qmd Quarto vignette
- Display images in gt tables organized by district
- Include 4-column image grid with CSS styling
- Add flow rate analysis and usage pattern visualizations
- Update DESCRIPTION with Suggests dependencies (gt, gtExtras, etc.)
- Configure _pkgdown.yml to include the article
- Add .gitignore for generated vignette files

The vignette extracts images from mwater API URLs and presents them
alongside key data points including location, flow rates, usage patterns,
and management information.
@larnsce larnsce linked an issue Jul 6, 2025 that may be closed by this pull request
7 tasks
- Replace pmap() with pwalk() to avoid NULL output in image grid
- Remove Session Info section from vignette
- Cleaner output without unnecessary [[1]] NULL messages
@larnsce larnsce closed this Jul 6, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create visual showcase vignette with artesian well images

1 participant