move visualization spy page to visualization chapter (#11623)

docs/visualize.asciidoc

@@ -151,3 +151,5 @@ include::visualize/time-series-visual-builder.asciidoc[]
 include::visualize/tagcloud.asciidoc[]
 
 include::visualize/heatmap.asciidoc[]
+
+include::visualize/visualization-raw-data.asciidoc[]

docs/visualize/datatable.asciidoc

@@ -71,10 +71,4 @@ Checkboxes are available to enable and disable the following behaviors:
 *Show metrics for every bucket/level*:: Check this box to display the intermediate results for each bucket aggregation.
 *Show partial rows*:: Check this box to display a row even when there is no result.
 
-NOTE: Enabling these behaviors may have a substantial effect on performance.
-
-[float]
-[[datatable-viewing-detailed-information]]
-=== Viewing Detailed Information
-
-include::visualization-raw-data.asciidoc[]
+NOTE: Enabling these behaviors may have a substantial effect on performance.

docs/visualize/heatmap.asciidoc

@@ -77,7 +77,4 @@ this box to change both upper and lower bounds to match the values returned in t
 *Custom Range*:: You can define custom ranges for your color buckets. For each of the color bucket you need to specify
 the minimum value (inclusive) and the maximum value (exclusive) of a range. 
 *Show Label*:: Enables showing labels with cell values in each cell
-  *Rotate*:: Allows rotating the cell value label by 90 degrees.
-
-
-include::visualization-raw-data.asciidoc[]
+  *Rotate*:: Allows rotating the cell value label by 90 degrees.

docs/visualize/metric.asciidoc

@@ -18,10 +18,4 @@ NOTE: In Elasticsearch releases 1.4.3 and later, this functionality requires you
 
 The availability of these options varies depending on the aggregation you choose.
 
-Click the *Options* tab to display the font size slider.
-
-[float]
-[[metric-viewing-detailed-information]]
-=== Viewing Detailed Information
-
-include::visualization-raw-data.asciidoc[]
+Click the *Options* tab to display the font size slider.

docs/visualize/pie.asciidoc

@@ -83,9 +83,3 @@ Select the *Options* tab to change the following aspects of the table:
 
 After changing options, click the *Apply changes* button to update your visualization, or the grey *Discard
 changes* button to keep your visualization in its current state.
-
-[float]
-[[pie-viewing-detailed-information]]
-==== Viewing Detailed Information
-
-include::visualization-raw-data.asciidoc[]

docs/visualize/tagcloud.asciidoc

@@ -39,6 +39,3 @@ regularize the display of data sets with variabilities that are themselves highl
 *Orientation*:: You can select how to orientate your text in the tag cloud. You can choose one of the following options:
 Single, right angles and multiple.
 *Font Size*:: Allows you to set minimum and maximum font size to use for this visualization.
-
-
-include::visualization-raw-data.asciidoc[]

docs/visualize/tilemap.asciidoc

@@ -116,10 +116,3 @@ across the map to zoom in on the selection.
 geohash buckets that have at least one result.
 * Click the *Latitude/Longitude Filter* image:images/viz-lat-long-filter.png[] button, then drag a bounding box across the
 map, to create a filter for the box coordinates.
-
-[float]
-[[tilemap-viewing-detailed-information]]
-
-=== Viewing Detailed Information
-
-include::visualization-raw-data.asciidoc[]

docs/visualize/visualization-raw-data.asciidoc

@@ -1,5 +1,9 @@
-To display the raw data behind the visualization, click the bar at the bottom of the container. Tabs with detailed
-information about the raw data replace the visualization:
+[[vis-spy]]
+== Visualization Spy
+
+To display the raw data behind the visualization, click the image:images/spy-open-button.png[] button in the bottom left corner of the container. The visualization spy panel will open. Use the select input to view detailed information about the raw data.
+
+image:images/spy-panel.png[]
 
 .Table
 A representation of the underlying data, presented as a paginated data grid. You can sort the items
@@ -16,7 +20,10 @@ A summary of the statistics related to the request and the response, presented a
 grid includes the query duration, the request duration, the total number of records found on the server, and the
 index pattern used to make the query.
 
+.Debug
+The visualization saved state presented in JSON format.
+
 To export the raw data behind the visualization as a comma-separated-values (CSV) file, click on either the
 *Raw* or *Formatted* links at the bottom of any of the detailed information tabs. A raw export contains the data as it
 is stored in Elasticsearch. A formatted export contains the results of any applicable Kibana
-<<managing-fields,field formatters>>.
+<<managing-fields,field formatters>>.

docs/visualize/xychart.asciidoc

@@ -87,9 +87,3 @@ You can enable grid on the chart. By default grid is displayed on the category a
 
 *X-axis*:: You can disable the display of grid lines on category axis
 *Y-axis*:: You can choose on which (if any) of the value axes you want to display grid lines 
-
-[float]
-[[vertbar-viewing-detailed-information]]
-== Viewing Detailed Information
-
-include::visualization-raw-data.asciidoc[]