fix internal reference links

Author: nicolaskruchten

_posts/plotly_js/2016-06-03-plotly_js_function_ref.html

@@ -24,7 +24,7 @@ <h4 id="retrieving-data-layout"><a href="{{ BASE_URL }}/javascript/plotlyjs-func
   <dd>The data to be plotted is described in an array usually called <code>data</code>, whose elements are trace objects of various types (e.g. <code>scatter</code>, <code>bar</code> etc) as documented <a href="{{ BASE_URL }}/javascript/reference">in the Full Reference</a>.
   </dd>
   <dt><code>layout</code></dt>
-  <dd>The layout of the plot &ndash; non-data-related visual attributes such as the title, annotations etc &ndash; is described in an object usually called <code>layout</code>, as documented <a href="{{ BASE_URL }}/javascript/reference/#layout">in the Full Reference</a>.
+  <dd>The layout of the plot &ndash; non-data-related visual attributes such as the title, annotations etc &ndash; is described in an object usually called <code>layout</code>, as documented <a href="{{ BASE_URL }}/javascript/reference/layout">in/ the Full Reference</a>.
   </dd>
   <dt><code>config</code></dt>
   <dd>High-level configuration options for the plot, such as the scroll/zoom/hover behaviour, is described in an object usually called <code>config</code>, as <a href="{{ BASE_URL }}/javascript/configuration-options">documented here</a>. The difference between <code>config</code> and <code>layout</code> is that <code>layout</code> relates to the content of the plot, whereas <code>config</code> relates to the context in which the plot is being shown.
@@ -54,7 +54,7 @@ <h4 id="plotly-newplot"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-ref
       <dt><code>data</code></dt>
       <dd>array of objects, see <a href="{{ BASE_URL }}/javascript/reference">documentation</a> <br />(defaults to <code>[]</code>)</dd>
       <dt><code>layout</code></dt>
-      <dd>object, see <a href="{{ BASE_URL }}/javascript/reference/#layout">documentation</a> <br />(defaults to <code>{}</code>)</dd>
+      <dd>object, see <a href="{{ BASE_URL }}/javascript/reference/layout">documentation</a>/ <br />(defaults to <code>{}</code>)</dd>
       <dt><code>config</code></dt>
       <dd>object, see <a href="{{ BASE_URL }}/javascript/configuration-options">documentation</a> <br />(defaults to <code>{}</code>)</dd>
     </dl>
@@ -107,7 +107,7 @@ <h4 id="plotly-react"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-refer
 
 <code>Plotly.react</code> has the same signature as <a href="#plotlynewplot"><code>Plotly.newPlot</code></a> above, and can be used in its place to create a plot, but when called again on the same <code>&lt;div&gt;</code> will update it far more efficiently than <a href="#plotlynewplot"><code>Plotly.newPlot</code></a>, which would destroy and recreate the plot. <code>Plotly.react</code> is as fast as <code>Plotly.restyle</code>/<code>Plotly.relayout</code> documented below.
 <br /><br />
-Important Note: In order to use this method to plot new items in arrays under <code>data</code> such as <code>x</code> or <code>marker.color</code> etc, these items must either have been added immutably (i.e. the identity of the parent array must have changed) or the value of <a href="{{ BASE_URL }}/javascript/reference/#layout-datarevision"><code>layout.datarevision</code></a> must have changed.
+Important Note: In order to use this method to plot new items in arrays under <code>data</code> such as <code>x</code> or <code>marker.color</code> etc, these items must either have been added immutably (i.e. the identity of the parent array must have changed) or the value of <a href="{{ BASE_URL }}/javascript/reference/layout/#layout-datarevision"><code>layout.datarevision</code></a> must have changed.
 
 <h4 id="plotly-plot"><a href="{{ BASE_URL }}/javascript/plotlyjs-function-reference/#plotlyplot">Plotly.plot</a></h4>
 

_posts/plotly_js/3d/3d-cluster/2015-08-10-3d-point-cluster.html

@@ -1,79 +1,79 @@
----
-name: 3D Point Clustering
-language: plotly_js
-suite: 3d-cluster
-order: 0
-sitemap: false
-arrangement: horizontal
----
-Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/alpha_shape.csv', function(err, rows){
-
-    function unpack(rows, key) {
-        return rows.map(function(row) { return row[key]; });
-    }
-
-    var data = [{
-        x: unpack(rows, 'x'),
-        y: unpack(rows, 'y'),
-        z: unpack(rows, 'z'),
-        mode: 'markers',
-        type: 'scatter3d',
-        marker: {
-          color: 'rgb(23, 190, 207)',
-          size: 2
-        }
-    },{
-        alphahull: 7,
-        opacity: 0.1,
-        type: 'mesh3d',
-        x: unpack(rows, 'x'),
-        y: unpack(rows, 'y'),
-        z: unpack(rows, 'z')
-    }];
-
-    var layout = {
-        autosize: true,
-        height: 480,
-        scene: {
-            aspectratio: {
-                x: 1,
-                y: 1,
-                z: 1
-            },
-            camera: {
-                center: {
-                    x: 0,
-                    y: 0,
-                    z: 0
-                },
-                eye: {
-                    x: 1.25,
-                    y: 1.25,
-                    z: 1.25
-                },
-                up: {
-                    x: 0,
-                    y: 0,
-                    z: 1
-                }
-            },
-            xaxis: {
-                type: 'linear',
-                zeroline: false
-            },
-            yaxis: {
-                type: 'linear',
-                zeroline: false
-            },
-            zaxis: {
-                type: 'linear',
-                zeroline: false
-            }
-        },
-        title: '3d point clustering',
-        width: 477
-    };
-
-    Plotly.newPlot('myDiv', data, layout);
-
-});
+---
+name: 3D Point Clustering
+language: plotly_js
+suite: 3d-cluster
+order: 0
+sitemap: false
+arrangement: horizontal
+---
+Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/alpha_shape.csv', function(err, rows){
+
+    function unpack(rows, key) {
+        return rows.map(function(row) { return row[key]; });
+    }
+
+    var data = [{
+        x: unpack(rows, 'x'),
+        y: unpack(rows, 'y'),
+        z: unpack(rows, 'z'),
+        mode: 'markers',
+        type: 'scatter3d',
+        marker: {
+          color: 'rgb(23, 190, 207)',
+          size: 2
+        }
+    },{
+        alphahull: 7,
+        opacity: 0.1,
+        type: 'mesh3d',
+        x: unpack(rows, 'x'),
+        y: unpack(rows, 'y'),
+        z: unpack(rows, 'z')
+    }];
+
+    var layout = {
+        autosize: true,
+        height: 480,
+        scene: {
+            aspectratio: {
+                x: 1,
+                y: 1,
+                z: 1
+            },
+            camera: {
+                center: {
+                    x: 0,
+                    y: 0,
+                    z: 0
+                },
+                eye: {
+                    x: 1.25,
+                    y: 1.25,
+                    z: 1.25
+                },
+                up: {
+                    x: 0,
+                    y: 0,
+                    z: 1
+                }
+            },
+            xaxis: {
+                type: 'linear',
+                zeroline: false
+            },
+            yaxis: {
+                type: 'linear',
+                zeroline: false
+            },
+            zaxis: {
+                type: 'linear',
+                zeroline: false
+            }
+        },
+        title: '3d point clustering',
+        width: 477
+    };
+
+    Plotly.newPlot('myDiv', data, layout);
+
+});

_posts/plotly_js/3d/3d-surface/2018-10-09-surface-contours.html

@@ -6,7 +6,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  Display and customize contour data for each axis using the `contours` attribute ([reference](plot.ly/javascript/reference/#surface-contours)).
+  Display and customize contour data for each axis using the `contours` attribute ([reference](plot.ly/javascript/reference/surface/#surface-contours)).
 
 ---
 

_posts/plotly_js/basic/bubble/2015-08-10-size-scaling-bubblechart.html

@@ -8,7 +8,7 @@
 ---
 // To scale the bubble size, use the attribute sizeref. We recommend using the following formula to calculate a sizeref value:
 // sizeref = 2.0 * Math.max(...size) / (desired_maximum_marker_size**2)
-// Note that setting 'sizeref' to a value greater than 1, decreases the rendered marker sizes, while setting 'sizeref' to less than 1, increases the rendered marker sizes. See https://plotly.com/python/reference/#scatter-marker-sizeref for more information. Additionally, we recommend setting the sizemode attribute: https://plotly.com/python/reference/#scatter-marker-sizemode to area.
+// Note that setting 'sizeref' to a value greater than 1, decreases the rendered marker sizes, while setting 'sizeref' to less than 1, increases the rendered marker sizes. See https://plotly.com/python/reference/scatter/#scatter-marker-sizeref for more information. Additionally, we recommend setting the sizemode attribute: https://plotly.com/python/reference/scatter/#scatter-marker-sizemode to area.
 
 var trace1 = {
   x: [1, 2, 3, 4],

_posts/plotly_js/basic/pie/2015-08-10-pie-chart-subplots.html

@@ -6,7 +6,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  In order to create pie chart subplots, you need to use the [domain](https://plotly.com/javascript/reference/#pie-domain) attribute. `domain` allows you to place each trace on a [grid](https://plotly.com/javascript/reference/#layout-grid) of rows and columns defined in the layout or within a rectangle defined by `X` and `Y` arrays. The example below uses the `grid` method (with a 2 x 2 grid defined in the layout) for the first three traces and the X and Y method for the fourth trace.
+  In order to create pie chart subplots, you need to use the [domain](https://plotly.com/javascript/reference/pie/#pie-domain) attribute. `domain` allows you to place each trace on a [grid](https://plotly.com/javascript/reference/layout/#layout-grid) of rows and columns defined in the layout or within a rectangle defined by `X` and `Y` arrays. The example below uses the `grid` method (with a 2 x 2 grid defined in the layout) for the first three traces and the X and Y method for the fourth trace.
 ---
 
 var allLabels = ['1st', '2nd', '3rd', '4th', '5th'];

_posts/plotly_js/basic/sankey/2019-11-20-nodes-position.html

@@ -7,7 +7,7 @@
 arrangement: horizontal
 description:
 markdown_content: |
-  The following example sets [node.x](https://plotly.com/javascript/reference/#sankey-node-x) and `node.y` to place nodes in the specified locations, except in the `snap arrangement` (default behaviour when `node.x` and `node.y` are not defined) to avoid overlapping of the nodes, therefore, an automatic snapping of elements will be set to define the padding between nodes via [nodepad](https://plotly.com/javascript/reference/#sankey-node-pad). The other possible arrangements are:<font color='blue'> 1)</font> perpendicular <font color='blue'>2)</font> freeform <font color='blue'>3)</font> fixed
+  The following example sets [node.x](https://plotly.com/javascript/reference/sankey/#sankey-node-x) and `node.y` to place nodes in the specified locations, except in the `snap arrangement` (default behaviour when `node.x` and `node.y` are not defined) to avoid overlapping of the nodes, therefore, an automatic snapping of elements will be set to define the padding between nodes via [nodepad](https://plotly.com/javascript/reference/sankey/#sankey-node-pad). The other possible arrangements are:<font color='blue'> 1)</font> perpendicular <font color='blue'>2)</font> freeform <font color='blue'>3)</font> fixed
 
 ---
 var data = [{

_posts/plotly_js/basic/sunburst/2019-04-11-sunburst_plotly_js_index.html

@@ -13,4 +13,4 @@
 {% assign examples = site.posts | where:"language","plotly_js" | where:"suite","sunburst" | sort: "order" %}
 {% include posts/auto_examples.html examples=examples %}
 
-See <a href="https://plotly.com/javascript/reference/#sunburst">https://plotly.com/javascript/reference/#sunburst</a> for more information and chart attribute options!
+See <a href="https://plotly.com/javascript/reference/sunburst">https://plotly/.com/javascript/reference/sunburst</a>/ for more information and chart attribute options!

_posts/plotly_js/basic/treemap/2019-10-15-basic-treemap.html

@@ -6,7 +6,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-   [Treemap charts](https://en.wikipedia.org/wiki/Treemapping) visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plotly.com/javascript/sunburst-charts/) the hierarchy is defined by [labels](https://plotly.com/javascript/reference/#treemap-labels) and [parents](https://plotly.com/javascript/reference/#treemap-parents) attributes. Click on one sector to zoom in/out, which also displays a pathbar in the upper-left corner of your treemap. To zoom out you can use the path bar as well.
+   [Treemap charts](https://en.wikipedia.org/wiki/Treemapping) visualize hierarchical data using nested rectangles. Same as [Sunburst](https://plotly.com/javascript/sunburst-charts/) the hierarchy is defined by [labels](https://plotly.com/javascript/reference/treemap/#treemap-labels) and [parents](https://plotly.com/javascript/reference/treemap/#treemap-parents) attributes. Click on one sector to zoom in/out, which also displays a pathbar in the upper-left corner of your treemap. To zoom out you can use the path bar as well.
 ---
 data = [{
       type: "treemap",

_posts/plotly_js/basic/treemap/2019-10-15-nested-layers-treemap.html

@@ -6,7 +6,7 @@
 sitemap: false
 arrangement: horizontal
 markdown_content: |
-  The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plotly.com/javascript/sunburst-charts/) charts reveal insights into the data, and the format of your hierarchical data. [maxdepth](https://plotly.com/javascript/reference/#treemap-maxdepth) attribute sets the number of rendered sectors from the given level.
+  The following example uses hierarchical data that includes layers and grouping. Treemap and [Sunburst](https://plotly.com/javascript/sunburst-charts/) charts reveal insights into the data, and the format of your hierarchical data. [maxdepth](https://plotly.com/javascript/reference/treemap/#treemap-maxdepth) attribute sets the number of rendered sectors from the given level.
 ---
 Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/coffee-flavors.csv', function(err, rows){
   function unpack(rows, key) {

_posts/plotly_js/basic/treemap/2019-10-15-set-marker-color-treemap.html

@@ -7,7 +7,7 @@
 arrangement: horizontal
 markdown_content: |
   There are three different ways to change the color of the sectors in Treemap:
-  1) [marker.colors](https://plotly.com/javascript/reference/#treemap-marker-colors), 2) [colorway](https://plotly.com/javascript/reference/#layout-colorway), 3) [colorscale](https://plotly.com/javascript/reference/#treemap-marker-colorscale). The following examples show how to use each of them.
+  1) [marker.colors](https://plotly.com/javascript/reference/treemap/#treemap-marker-colors), 2) [colorway](https://plotly.com/javascript/reference/layout/#layout-colorway), 3) [colorscale](https://plotly.com/javascript/reference/treemap/#treemap-marker-colorscale). The following examples show how to use each of them.
 ---
 var labels = ["A1", "A2", "A3", "A4", "A5", "B1", "B2"];
 var parents = ["", "A1", "A2", "A3", "A4", "", "B1"];

_posts/plotly_js/basic/treemap/2019-10-15-treemap_attributes.html

@@ -8,10 +8,10 @@
 markdown_content: |
   This example uses the following attributes:
   <ol>
-      <li> [values](https://plotly.com/javascript/reference/#treemap-values): sets the values associated with each of the sectors.</li>
-      <li> [textinfo](https://plotly.com/javascript/reference/#treemap-textinfo): determines which trace information appear on the graph that can be 'text', 'value', 'current path', 'percent root', 'percent entry', and 'percent parent', or any combination of them. </li>
-      <li> [pathbar](https://plotly.com/javascript/reference/#treemap-pathbar): a main extra feature of treemap to display the current path of the visible portion of the hierarchical map. It may also be useful for zooming out of the graph.</li>
-      <li> [branchvalues](https://plotly.com/javascript/reference/#treemap-branchvalues): determines how the items in `values` are summed. When set to "total", items in `values` are taken to be value of all its descendants. In the example below Eva = 65, which is equal to 14 + 12 + 10 + 2 + 6 + 6 + 1 + 4. </li>
+      <li> [values](https://plotly.com/javascript/reference/treemap/#treemap-values): sets the values associated with each of the sectors.</li>
+      <li> [textinfo](https://plotly.com/javascript/reference/treemap/#treemap-textinfo): determines which trace information appear on the graph that can be 'text', 'value', 'current path', 'percent root', 'percent entry', and 'percent parent', or any combination of them. </li>
+      <li> [pathbar](https://plotly.com/javascript/reference/treemap/#treemap-pathbar): a main extra feature of treemap to display the current path of the visible portion of the hierarchical map. It may also be useful for zooming out of the graph.</li>
+      <li> [branchvalues](https://plotly.com/javascript/reference/treemap/#treemap-branchvalues): determines how the items in `values` are summed. When set to "total", items in `values` are taken to be value of all its descendants. In the example below Eva = 65, which is equal to 14 + 12 + 10 + 2 + 6 + 6 + 1 + 4. </li>
   </ol>
   When set to "remainder", items in `values` corresponding to the root and the branches sectors are taken to be the extra part not part of the sum of the values at their leaves.
 ---

_posts/plotly_js/basic/treemap/2019-10-15-treemap_plotly_js_index.html

@@ -13,4 +13,4 @@
 {% assign examples = site.posts | where:"language","plotly_js" | where:"suite","treemap" | sort: "order" %}
 {% include posts/auto_examples.html examples=examples %}
 
-See <a href="https://plotly.com/javascript/reference/#treemap">https://plotly.com/javascript/reference/#treemap</a> for more information and chart attribute options!
+See <a href="https://plotly.com/javascript/reference/treemap">https://plotly/.com/javascript/reference/treemap</a>/ for more information and chart attribute options!

_posts/plotly_js/chart-events/callbacks-click/2016-10-13-click-event-data.html

@@ -1,22 +1,22 @@
----
-name: Click Event Data
-language: plotly_js
-suite: click-events
-sitemap: false
-order: 0
----
-
-{
-  points: [{
-    curveNumber: 2,  // index in data of the trace associated with the selected point
-    pointNumber: 2,  // index of the selected point
-    x: 5,        // x value
-    y: 600,      // y value
-    data: {/* */},       // ref to the trace as sent to Plotly.newPlot associated with the selected point
-    fullData: {/* */},   // ref to the trace including all the defaults
-   xaxis: {/* */},   // ref to x-axis object (i.e layout.xaxis) associated with the selected point
-   yaxis: {/* */}    // ref to y-axis object " "
-  }, {
-    /* similarly for other selected points */
-  }]
-}
+---
+name: Click Event Data
+language: plotly_js
+suite: click-events
+sitemap: false
+order: 0
+---
+
+{
+  points: [{
+    curveNumber: 2,  // index in data of the trace associated with the selected point
+    pointNumber: 2,  // index of the selected point
+    x: 5,        // x value
+    y: 600,      // y value
+    data: {/* */},       // ref to the trace as sent to Plotly.newPlot associated with the selected point
+    fullData: {/* */},   // ref to the trace including all the defaults
+   xaxis: {/* */},   // ref to x-axis object (i.e layout.xaxis) associated with the selected point
+   yaxis: {/* */}    // ref to y-axis object " "
+  }, {
+    /* similarly for other selected points */
+  }]
+}