NonLinear-Fit Chart

In statistics, nonlinear regression is a form of regression analysis in which observational data are modeled by a function which is a nonlinear combination of the model parameters and depends on one or more independent variables. The data are fitted by a method of successive approximations.


Example Color Themes

Example Fonts



Show Code

Tools

<head>
  <!-- Include the CanvasXpress library in your HTML file -->
  <link rel="stylesheet" href="https://www.canvasxpress.org/dist/canvasXpress.css" type="text/css"/>
  <script src="https://www.canvasxpress.org/dist/canvasXpress.min.js"></script>
</head>

<body>

  <!-- Create a canvas element for the chart with the desired dimensions -->
  <div>
    <canvas id="canvasId" width="600" height="600"></canvas>
  </div>


  <!-- Create a script to initialize the chart -->
  <script>

    // Create the data for the graph
    var data = {
       "y" : {
          "data" : [
            [0.0009,172],
            [0.0018,177],
            [0.0037,160],
            [0.0073,166],
            [0.0146,211],
            [0.0293,248],
            [0.0586,269],
            [0.117,283],
            [0.234,298],
            [0.469,314],
            [0.938,328],
            [1.88,316]
          ],
          "smps" : ["Concentration","V1"],
          "vars" : ["S1","S2","S3","S4","S5","S6","S7","S8","S9","S10","S11","S12"]
       }
    }
    
    
    // Create the configuration for the graph
    var config = {
       "decorations":{
          "nlfit":[
             {
                "label":"Custom Fit",
                "param":[
                   "164",
                   "313",
                   0.031,
                   -1.5,
                   1.2e-06,
                   1.9
                ],
                "type":"cst"
             },
             {
                "label":"Regular Fit",
                "param":[
                   "164",
                   "313",
                   0.031,
                   1.5,
                   1.2e-06,
                   1.9
                ],
                "type":"reg"
             }
          ]
       },
       "graphType":"Scatter2D",
       "setMaxY":"350",
       "setMinY":"100",
       "showDecorations":true,
       "theme":"CanvasXpress",
       "xAxisTransform":"log10",
       "xAxisTransformTicks":true,
       "yAxisExact":true
    }
    

    // Call the CanvasXpress function to create the graph
    var cX = new CanvasXpress("canvasId", data, config);


  </script>

</body>