📋 Table of Contents
- Overview
- Demo Video
- Tech Stack
- Features
- Screenshots
- Getting Started
- Developer Notes
- Contributing
- License
- Copyright
✨ Stock Volatility Calculator is a single‑page web application built with HTML, CSS, and JavaScript to compare two companies’ stock price volatility. Enter two company names, select a timeframe (daily/weekly/monthly) and the number of periods to generate dynamic input tables for historical prices. Instantly view detailed tables of prices, deviations, and squared deviations; statistical analysis (Mean, SD, CV); interactive Plotly charts to visualize volatility; and a side‑by‑side comparative report with risk and investment insights.
▶️ Click the thumbnail above to watch the full walkthrough of the Stock Volatility Calculator website on YouTube.
📘 This demo video walks through launching the Stock Volatility Calculator, entering inputs, generating tables, computing statistics (Mean, SD, CV), visualizing via Plotly charts, and reviewing the side‑by‑side risk and investment report. If you’re new or need a quick overview, please watch it before using the website.
- Language: HTML, CSS, JavaScript
- Math Rendering: MathJax
- Visualization: Plotly.js
- Hosting: GitHub Pages
-
🗂 Dynamic Input Tables Generate tables for entering historical stock prices of two companies.
-
🧮 Statistical Analysis Compute and display prices, deviations, and squared deviations tables; render Mean, Standard Deviation (SD), and Coefficient of Variation (CV) with MathJax.
-
📈 Interactive Charts Visualize price trends with Plotly.js—mean lines, deviation markers, and toolbar options for zooming, autoscaling, and downloading.
-
📋 Comparative Report View side‑by‑side summaries of statistical results, volatility, risk level, return potential, and tailored investment recommendations.
-
🔄 Reset Functionality Clear all inputs, results, charts, and reports to start a fresh analysis.
Below are complete interface screenshots from the Stock Volatility Calculator website, covering all key views and workflows — including inputs entry, dynamic input tables, statistical output, interactive chart visualization, and the comparative risk & investment report.
 |
 |
 |
 |
🖼️ This gallery showcases the main interface and analysis steps for full visual context.
-
Clone the Repository
git clone https://github.com/prashanth-kumar-g/stock-volatility-calculator.git cd stock-volatility-calculator -
Open Locally
Simply double‑click the index.html file in your file explorer Or serve via a local HTTP server. -
Or Visit the Live Website
Visit the GitHub Pages site: https://prashanth-kumar-g.github.io/stock-volatility-calculator/
💡 No additional installation or backend required — everything runs right in your browser.
Developers can find more details here.
Source Files:
index.html– Main page structureinput.js,calculate.js,graph.js,analysis.js– Application logicinput.css,calculate.css,graph.css,analysis.css– Styles by module
MathJax Equations:
Located in <div class="equationContainer"> and rendered via the MathJax CDN.
Charting:
createCharts() in graph.js uses Plotly.js; toolbar options can be customized in its config object.
⚠️ End users do not need this section. This is for developers who wish to explore or customize the project.
Contributions are welcome!
If you'd like to improve this Stock Volatility Calculator website, fix bugs, or add new features:
- Fork the repository
- Create a new branch for your changes
- Submit a pull request with a clear explanation
You can also open issues for suggestions or questions.
Thank you for supporting this project!
This project is licensed under the CC BY-NC 4.0 License.
You may use and modify this code for personal or educational purposes—see LICENSE for full details.
© 2025 Prashanth Kumar G. All rights reserved.
Unauthorized commercial use or redistribution is prohibited without prior written consent.