{"id":5768,"date":"2014-01-29T05:05:12","date_gmt":"2014-01-28T18:05:12","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=5768"},"modified":"2014-01-29T05:05:12","modified_gmt":"2014-01-28T18:05:12","slug":"phpjavascripthtml-google-chart-intervals-chart-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascripthtml-google-chart-intervals-chart-tutorial\/","title":{"rendered":"PHP\/Javascript\/HTML Google Chart Intervals Chart Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/IntervalsChart\/intervals.php\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"PHP\/Javascript\/HTML Google Chart  Intervals Chart  Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/IntervalsChart\/IntervalsChart.jpg\" title=\"PHP\/Javascript\/HTML Google Chart Intervals Chart  Tutorial\"  \/><\/a><p class=\"wp-caption-text\">PHP\/Javascript\/HTML Google Chart Intervals Chart Tutorial<\/p><\/div>\n<p>The concepts of <i>lines of best fit<\/i> and <i>confidence intervals<\/i> can be important as a measure of the integrity of measured data.   In the <a title='PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial' href='#pjhgcltt'>PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial<\/a> as shown below we discuss trendlines and so, <i>lines of best fit<\/i>.   In today&#8217;s tutorial discussing the Google Charts Intervals Chart we show more ways to present your data to help display its integrity.<\/p>\n<p>Here is a tutorial that introduces you to Google Graphs API, or Google Chart Tools, and its Intervals functionality.  For the data of picture above I give thanks to <a target=_blank title='Intervals - Google Charts -- Google Developers' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/intervals'>Intervals &#8211; Google Charts &#8212; Google Developers<\/a>.<\/p>\n<blockquote><p>Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.<\/p><\/blockquote>\n<p>This Intervals Chart illustrates Confidence Intervals used a lot in Mathematics, Statistics, Economics, Engineering (for example, Land Surveying) and the Sciences.  Read about it from <a target=_blank title='Confidence interval information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Confidence_interval'>Wikipedia<\/a> below:<\/p>\n<blockquote><p>In statistics, a confidence interval (CI) is a type of interval estimate of a population parameter and is used to indicate the reliability of an estimate. It is an observed interval (i.e. it is calculated from the observations), in principle different from sample to sample, that frequently includes the parameter of interest if the experiment is repeated. How frequently the observed interval contains the parameter is determined by the confidence level or confidence coefficient. More specifically, the meaning of the term &#8220;confidence level&#8221; is that, if confidence intervals are constructed across many separate data analyses of repeated (and possibly different) experiments, the proportion of such intervals that contain the true value of the parameter will match the confidence level; this is guaranteed by the reasoning underlying the construction of confidence intervals.[1][2][3] Whereas two-sided confidence limits form a confidence interval, their one-sided counterparts are referred to as lower or upper confidence bounds.<\/p><\/blockquote>\n<p>Let&#8217;s see some  <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/PHP\/IntervalsChart\/intervals.php'>PHP<\/a> code in live action for this tutorial where you define your intervals characteristics and data.<\/p>\n<p>Link to Google Chart Tools &#8220;spiritual home&#8221; &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.\n'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Intervals information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/intervals' title='Google Intervals'>via Google<\/a>.<\/p>\n<p>Link to some downloadable PHP programming code &#8230; rename to <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/IntervalsChart\/intervals.php_GETME' title='Download me'>intervals.php<\/a>.\n<\/p>\n<hr \/>\n<p id='pjhgcltt' title='PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=1809'>PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LinearTrendline\/linear_trendline.php\"><img decoding=\"async\" style=\"float:left;border: 15px solid pink;\" alt=\"PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LinearTrendline\/LinearTrendline.jpg\" title=\"PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial\" \/><\/a><p class=\"wp-caption-text\">PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial<\/p><\/div>\n<p>Here is a tutorial that introduces you to Google Graphs API, or Google Chart Tools, and its Linear Trendline functionality.  For the data of picture above I give thanks to <a target=_blank title='Action Research Projects' href='http:\/\/actionresearchprojects.wikispaces.com\/file\/view\/Wiki03_LPB.pdf'>Action Research Projects<\/a>.<\/p>\n<blockquote><p>Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.<\/p><\/blockquote>\n<p>This Linear Trendline illustrates Linear Regression (or &#8220;Line of Best Fit&#8221;) used a lot in Mathematics, Statistics, Economics, Engineering (for example, Land Surveying) and the Sciences.  Read about it from <a target=_blank title='Linear Regression information from Wikipedia' href='http:\/\/en.wikipedia.org\/wiki\/Linear_regression'>Wikipedia<\/a> below:<\/p>\n<blockquote><p>In statistics, linear regression is an approach to modeling the relationship between a scalar dependent variable y and one or more explanatory variables denoted X. The case of one explanatory variable is called simple linear regression. For more than one explanatory variable, it is called multiple linear regression. (This term should be distinguished from multivariate linear regression, where multiple correlated dependent variables are predicted,[citation needed] rather than a single scalar variable.)<\/p>\n<p>In linear regression, data are modeled using linear predictor functions, and unknown model parameters are estimated from the data. Such models are called linear models. Most commonly, linear regression refers to a model in which the conditional mean of y given the value of X is an affine function of X. Less commonly, linear regression could refer to a model in which the median, or some other quantile of the conditional distribution of y given X is expressed as a linear function of X. Like all forms of regression analysis, linear regression focuses on the conditional probability distribution of y given X, rather than on the joint probability distribution of y and X, which is the domain of multivariate analysis.<\/p>\n<p>Linear regression was the first type of regression analysis to be studied rigorously, and to be used extensively in practical applications. This is because models which depend linearly on their unknown parameters are easier to fit than models which are non-linearly related to their parameters and because the statistical properties of the resulting estimators are easier to determine.<\/p>\n<p>Linear regression has many practical uses. Most applications fall into one of the following two broad categories:<\/p>\n<p>    If the goal is prediction, or forecasting, linear regression can be used to fit a predictive model to an observed data set of y and X values. After developing such a model, if an additional value of X is then given without its accompanying value of y, the fitted model can be used to make a prediction of the value of y.<br \/>\n    Given a variable y and a number of variables X1, &#8230;, Xp that may be related to y, linear regression analysis can be applied to quantify the strength of the relationship between y and the Xj, to assess which Xj may have no relationship with y at all, and to identify which subsets of the Xj contain redundant information about y.<\/p>\n<p>Linear regression models are often fitted using the least squares approach, but they may also be fitted in other ways, such as by minimizing the &#8220;lack of fit&#8221; in some other norm (as with least absolute deviations regression), or by minimizing a penalized version of the least squares loss function as in ridge regression. Conversely, the least squares approach can be used to fit models that are not linear models. Thus, although the terms &#8220;least squares&#8221; and &#8220;linear model&#8221; are closely linked, they are not synonymous.<\/p><\/blockquote>\n<p>Let&#8217;s see some  <a target=_blank title='click picture' href='http:\/\/www.rjmprogramming.com.au\/PHP\/LinearTrendline\/linear_trendline.php'>PHP<\/a> code in live action for this tutorial where you define your linear trendline characteristics and data.<\/p>\n<p>Link to Google Chart Tools &#8220;spiritual home&#8221; &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.\n'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Linear Trendline information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/trendlines' title='Google Linear Trendlines'>via Google<\/a>.<\/p>\n<p>Link to some downloadable PHP programming code &#8230; rename to <a target=_blank href='http:\/\/www.rjmprogramming.com.au\/PHP\/LinearTrendline\/linear_trendline.php_GETME' title='Download me'>linear_trendline.php<\/a>.\n<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d1809' onclick='var dv=document.getElementById(\"d1809\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Google+Chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d1809' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr \/>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d5768' onclick='var dv=document.getElementById(\"d5768\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?s=Google+Chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5768' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The concepts of lines of best fit and confidence intervals can be important as a measure of the integrity of measured data. In the PHP\/Javascript\/HTML Google Chart Linear Trendline Tutorial as shown below we discuss trendlines and so, lines of &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascripthtml-google-chart-intervals-chart-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,37],"tags":[248,513,519,652,701,932,997,1319],"class_list":["post-5768","post","type-post","status-publish","format-standard","hentry","category-elearning","category-tutorials","tag-confidence-intervals","tag-google","tag-google-charts","tag-javascript","tag-line-of-best-fit","tag-php","tag-programming","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/5768"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=5768"}],"version-history":[{"count":0,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/5768\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=5768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=5768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=5768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}