Skip to content

ledangquangdangquang/NormalDistribution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“Š Normal Distribution Visualizer (SVG)

This is a lightweight web-based tool that visualizes the normal distribution curve using pure SVG β€” no external libraries like Chart.js or D3.js. It's designed to be clean, responsive, and educational.


βœ… Features

  • πŸ“ˆ Visualizes the PDF of a normal distribution
  • 🎯 Highlights the probability region: P(|X| < |x|)
  • ✏️ User inputs: mean (ΞΌ), standard deviation (Οƒ), and a value x
  • πŸ“ Automatically computes and displays:
    • P(|X| < |x|)
    • Variance (σ²)
  • 🧭 Labeled X and Y axes
  • πŸ’‘ Built with:
    • Pure HTML, CSS, and JavaScript
    • No dependencies

πŸ“ File Structure

β”œβ”€β”€ index.html      # Main HTML interface
β”œβ”€β”€ style.css       # Clean modern layout and theme
β”œβ”€β”€ script.js       # Logic for drawing the SVG and computing stats
└── README.md       # This documentation