buildHtml
baseUrl https://metricsscroll.pub
metaTags
editButton /edit.html
title Metric Spaces Visualized | Geometry Explained
style.css

header
 class hero
 div
  class hero-content
  h1 Geometry of Distance
  p Interactive exploration of metric spaces
main
 section
  class diagram-section
  h2 Chessboard (L∞) Metric
  div
   class diagram-container
   id chessboard
  p Click squares to see maximum coordinate differences
 section
  class diagram-section
  h2 Taxicab (L1) Metric
  div
   class diagram-container
   id taxicab
  p Drag points to calculate Manhattan distance
 section
  class diagram-section
  h2 Euclidean (L2) Metric
  div
   class diagram-container
   id euclidean
  p Click anywhere to measure straight-line distance
footer
 div
  class footer-content
  p Educational visualization project | Contribute on GitHub
script.js