Here is the completely rewritten code based on your request.
### **Changes in this version:**
1. **Layout Flipped:** The **Editable Data Table** is now placed **above** the Graph.
2. **Live Editing:** I removed the "Update" button. The graph now updates **instantly** as you type new numbers into the table.
3. **Scrollable Table:** The table is kept in a scrollable window (max height 250px) so it doesn't push the graph off the screen, but you can still access all data points.
Save the following code as an `.html` file.
```html
H3PO4 Titration: Live Data Analysis
Phosphoric Acid Titration Analysis
Edit the data in the table below. The graph will update automatically.
| Volume NaOH (mL) | pH Value |
|---|
Experiment Analysis:
Plotting pH vs. Volume reveals the dissociation constants ($K_1, K_2$).
Plotting pH vs. Volume reveals the dissociation constants ($K_1, K_2$).
- First Equivalence Point: Occurs around 30 mL (pH ~5.3 to 6.0).
- Second Equivalence Point: Occurs around 52 mL (pH ~8.6 to 10.0).
