## Data Fitting JavaScript HTML5 Applet Simulation Model by Francisco Esquembre and Félix J. García Clemente

- Details
- Parent Category: Physics
- Category: 01 Measurements
- Created: Wednesday, 15 June 2016 14:16
- Last Updated: Thursday, 25 May 2017 09:28
- Published: Wednesday, 15 June 2016 14:16
- Written by Loo Kang Wee
- Hits: 4820

### Translations

Code | Language | Translator | Run | |
---|---|---|---|---|

### Software Requirements

Android | iOS | Windows | MacOS | |

with best with | Chrome | Chrome | Chrome | Chrome |

support full-screen? | Yes. Chrome/Opera No. Firefox/ Samsung Internet | Not yet | Yes | Yes |

cannot work on | some mobile browser that don't understand JavaScript such as..... | cannot work on Internet Explorer 9 and below |

### Credits

Francisco Esquembre; Flix J. Garca Clemente

### end faq

### Sample Learning Goals Procedure

This model fits a polynomial curve to a data set. Users can add points (up to a limit) by clicking within the plotting panel. Add data to the panel and then adjust the parameters of the polynomial y = f(x), in order to obtain a good fit using the *a*,*b*,*c*,*d*, and *e *parameters. Use the best fit button to compare your fit to the the best possible polynomial fit.

### NumericJS model element

This model demonstrates how to use the*Numeric JS*model element (see the**Elements**panel of the model) to solve the system of linear equations required for the least squares approximation.

**Reference:**Least Squaresentry of theWikipedia.

### For Teachers Curve Data Fitting

The objective of this model is to fit a curve to a number of points. You can add points (up to a limit) by clicking on the panel.

Your task is to adjust the parameters of the curve y = f(x), (or the functionf(x)itself!) in order to obtain the best possible fit. You have up to 5 parameters,a,b,c,d, and e.

Edit the "computeBestFit()" method in theCustompanel of the model to edit your best fit algorithm. Then, click on the "Best Fit" button, each time it is displayed in red, to invoke this method.

### NumericJS model element

This model uses theNumeric JSmodel element (see theElementspanel of the model) to help you solve the system of linear equations required for the least squares approximation.

**Reference: **Least Squares entry of the Wikipedia.

Our function is

where*{f _{j}(x)}*are a basis of linear independent functions:

*{1,x,x*and

^{2},x^{3},...,x^{m}}*{c*are the coefficients.

_{j}}The objective is to minimize the sum:

.

To this end, we have to differentiate with respect to*c _{i}*, and equate to zero:

Obtaining the follow system:

where (a,b)_{d}are defined as:

.

Research

[text]

### Video

[text]

### Version:

- http://weelookang.blogspot.sg/2016/06/data-fitting-javascript-html5-applet.html
- http://www.opensourcephysics.org/items/detail.cfm?ID=13350 original simulation by Francisco Esquembre and Miguel Marín López

### Other Resources

[text]

Facebook Social Comments