Data Inspector (UI Element) - Revision history

Rpatton: /* Inspecting Section instances */

2025-10-02T17:38:31Z

Inspecting Section instances

← Older revision		Revision as of 12:38, 2 October 2025
Line 92:		Line 92:
	Data Sections serve two main purposes:		Data Sections serve two main purposes:

	# Acting as a container for other Data Elements to keep your Data Model organized.		* Acting as a container for other Data Elements to keep your Data Model organized.
	# Narrowing down the instance from which the child Data Elements extract information.		* Narrowing down the instance from which the child Data Elements extract information.

	Using the Data Inspector, you can see the details of how the Data Section is narrowing down the data instance.		Using the Data Inspector, you can see the details of how the Data Section is narrowing down the data instance.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4u0h7200010x0ja496qayr?embed_v=2" loading="lazy" title="04 Inspecting Data Sections" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# Select the Data Section in your Node Tree.		# Select the Data Section in your Node Tree.
Line 105:		Line 103:

	You will be presented with the hierarchy associated with your Data Section. In the Data Hierarchy panel, feel free to go through and open the different objects to explore the hierarchy. Each child feeds into the parent object. Through the hierarchy, you can see how the Data Section is narrowing down the instance of the document to make it easier for Grooper to extract data.		You will be presented with the hierarchy associated with your Data Section. In the Data Hierarchy panel, feel free to go through and open the different objects to explore the hierarchy. Each child feeds into the parent object. Through the hierarchy, you can see how the Data Section is narrowing down the instance of the document to make it easier for Grooper to extract data.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4u0h7200010x0ja496qayr?embed_v=2" loading="lazy" title="04 Inspecting Data Sections" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Rpatton: /* Combine Example */

2025-10-02T17:37:55Z

Combine Example

← Older revision		Revision as of 12:37, 2 October 2025
Line 77:		Line 77:

	A Combine Collation is a little different than other Collation Methods. Because of the way Grooper processes a Combine Collation, you will not see a hierarchy in the Hierarchy Panel when inspecting a Combine Data Instance.		A Combine Collation is a little different than other Collation Methods. Because of the way Grooper processes a Combine Collation, you will not see a hierarchy in the Hierarchy Panel when inspecting a Combine Data Instance.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4qv86a00584i0hufmbra3h?embed_v=2" loading="lazy" title="03 Inspecting Collated Combine Extractors" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# Select a parent Data Type that has child extractor nodes that are collated with Combine.		# Select a parent Data Type that has child extractor nodes that are collated with Combine.
Line 86:		Line 84:
	#* The Data Inspector will open in a new tab in your web browser.		#* The Data Inspector will open in a new tab in your web browser.
	# You should notice there is only one entry in the Hierarchy Panel.		# You should notice there is only one entry in the Hierarchy Panel.
	#* Selecting the entry will display the combined extracted result in the Results Panel.		#* Selecting the entry will display the combined extracted result in the Results Panel.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4qv86a00584i0hufmbra3h?embed_v=2" loading="lazy" title="03 Inspecting Collated Combine Extractors" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	===Inspecting Section instances===		===Inspecting Section instances===

Rpatton: /* Ordered Array Example */

2025-10-02T17:37:24Z

Ordered Array Example

← Older revision		Revision as of 12:37, 2 October 2025
Line 59:		Line 59:

	Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.		Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# Select a parent Data Type that has child extractor nodes that are collated with an Ordered Array.		# Select a parent Data Type that has child extractor nodes that are collated with an Ordered Array.
Line 71:		Line 69:
	# Select the parent in the hierarchy.		# Select the parent in the hierarchy.
	#* You will be able to see what the final extracted result will be.		#* You will be able to see what the final extracted result will be.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	If there were any issues with the extraction, you would be able to identify it here, and possibly see if the problem lies with the parent or a child extractor. This makes the Data Inspector a valuable tool in troubleshooting extraction issues.		If there were any issues with the extraction, you would be able to identify it here, and possibly see if the problem lies with the parent or a child extractor. This makes the Data Inspector a valuable tool in troubleshooting extraction issues.

Rpatton: /* Inspecting an instance */

2025-10-02T17:36:48Z

Inspecting an instance

← Older revision		Revision as of 12:36, 2 October 2025
Line 42:		Line 42:

	===Inspecting an instance===		===Inspecting an instance===

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# In your Node Tree, navigate to and select a configured Value Reader or Data Type.		# In your Node Tree, navigate to and select a configured Value Reader or Data Type.
Line 51:		Line 49:
	# Click the Data Inspector icon located in the top right of the Results panel.		# Click the Data Inspector icon located in the top right of the Results panel.
	# The Data Inspector should open up in a new tab in your web browser.		# The Data Inspector should open up in a new tab in your web browser.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	===Inspecting collated instances===		===Inspecting collated instances===

Rpatton: // via Wikitext Extension for VSCode

2025-07-16T14:24:48Z

// via Wikitext Extension for VSCode

← Older revision		Revision as of 09:24, 16 July 2025
Line 57:		Line 57:

	====Ordered Array Example====		====Ordered Array Example====

			Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>		<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	~~Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.~~

	# Select a parent Data Type that has child extractor nodes that are collated with an Ordered Array.		# Select a parent Data Type that has child extractor nodes that are collated with an Ordered Array.
Line 77:		Line 77:

	A Combine Collation is a little different than other Collation Methods. Because of the way Grooper processes a Combine Collation, you will not see a hierarchy in the Hierarchy Panel when inspecting a Combine Data Instance.		A Combine Collation is a little different than other Collation Methods. Because of the way Grooper processes a Combine Collation, you will not see a hierarchy in the Hierarchy Panel when inspecting a Combine Data Instance.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4qv86a00584i0hufmbra3h?embed_v=2" loading="lazy" title="03 Inspecting Collated Combine Extractors" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# Select a parent Data Type that has child extractor nodes that are collated with Combine.		# Select a parent Data Type that has child extractor nodes that are collated with Combine.
Line 85:		Line 87:
	# You should notice there is only one entry in the Hierarchy Panel.		# You should notice there is only one entry in the Hierarchy Panel.
	#* Selecting the entry will display the combined extracted result in the Results Panel.		#* Selecting the entry will display the combined extracted result in the Results Panel.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4qv86a00584i0hufmbra3h?embed_v=2" loading="lazy" title="03 Inspecting Collated Combine Extractors" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	===Inspecting Section instances===		===Inspecting Section instances===
Line 96:		Line 96:

	Using the Data Inspector, you can see the details of how the Data Section is narrowing down the data instance.		Using the Data Inspector, you can see the details of how the Data Section is narrowing down the data instance.

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4u0h7200010x0ja496qayr?embed_v=2" loading="lazy" title="04 Inspecting Data Sections" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# Select the Data Section in your Node Tree.		# Select the Data Section in your Node Tree.
Line 102:		Line 104:
	# Click the inspector icon.		# Click the inspector icon.

	You will be presented with the hierarchy associated with your Data Section. In the Data Hierarchy panel, feel free to go through and open the different objects to explore the hierarchy. Each child feeds into the parent object. Through the hierarchy, you can see how the Data Section is narrowing down the instance of the document to make it easier for Grooper to extract data.		You will be presented with the hierarchy associated with your Data Section. In the Data Hierarchy panel, feel free to go through and open the different objects to explore the hierarchy. Each child feeds into the parent object. Through the hierarchy, you can see how the Data Section is narrowing down the instance of the document to make it easier for Grooper to extract data.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd4u0h7200010x0ja496qayr?embed_v=2" loading="lazy" title="04 Inspecting Data Sections" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Rpatton: /* Ordered Array Example */

2025-07-16T14:22:47Z

Ordered Array Example

← Older revision		Revision as of 09:22, 16 July 2025
Line 57:		Line 57:

	====Ordered Array Example====		====Ordered Array Example====

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.		Using the Data Inspector, you can see how Grooper is using hierarchy to return a specific data instance when collating results.
Line 70:		Line 72:
	#* You will be able to see what the final extracted result will be.		#* You will be able to see what the final extracted result will be.

	If there were any issues with the extraction, you would be able to identify it here, and possibly see if the problem lies with the parent or a child extractor. This makes the Data Inspector a valuable tool in troubleshooting extraction issues.		If there were any issues with the extraction, you would be able to identify it here, and possibly see if the problem lies with the parent or a child extractor. This makes the Data Inspector a valuable tool in troubleshooting extraction issues.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd3b8muy019mze0iavj3uivu?embed_v=2" loading="lazy" title="02 Inspecting a Collated Ordered Array" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	====Combine Example====		====Combine Example====

Rpatton: /* Inspecting an instance */

2025-07-16T14:22:23Z

Inspecting an instance

← Older revision		Revision as of 09:22, 16 July 2025
Line 42:		Line 42:

	===Inspecting an instance===		===Inspecting an instance===

			<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	# In your Node Tree, navigate to and select a configured Value Reader or Data Type.		# In your Node Tree, navigate to and select a configured Value Reader or Data Type.
Line 48:		Line 50:
	# Select a single result in the Results panel.		# Select a single result in the Results panel.
	# Click the Data Inspector icon located in the top right of the Results panel.		# Click the Data Inspector icon located in the top right of the Results panel.
	# The Data Inspector should open up in a new tab in your web browser.		# The Data Inspector should open up in a new tab in your web browser.

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

	===Inspecting collated instances===		===Inspecting collated instances===

Rpatton: // via Wikitext Extension for VSCode

2025-07-16T14:04:19Z

// via Wikitext Extension for VSCode

@@ Line 4: / Line 4: @@
      |-
      |[[File:2025 Data Inspector 01 About 01.png|200px]]||<blockquote>{{#lst:Glossary|Data Inspector}}</blockquote>
 |}

Rpatton: // via Wikitext Extension for VSCode

2025-07-16T13:55:38Z

// via Wikitext Extension for VSCode

← Older revision		Revision as of 08:55, 16 July 2025
Line 39:		Line 39:
	# Click the Data Inspector icon located in the top right of the Results panel.		# Click the Data Inspector icon located in the top right of the Results panel.
	# The Data Inspector should open up in a new tab in your web browser.		# The Data Inspector should open up in a new tab in your web browser.
	~~<br>~~

	<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>		<div style="position: relative; box-sizing: content-box; max-height: 80vh; max-height: 80svh; width: 100%; aspect-ratio: 1.7777777777777777; padding: 40px 0 40px 0;"><iframe src="https://app.supademo.com/embed/cmd34z74500aauv0iwbr73ytu?embed_v=2" loading="lazy" title="01 What is the Data Inspector?" allow="clipboard-write" frameborder="0" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>

Rpatton: // via Wikitext Extension for VSCode

2025-07-16T13:54:26Z

// via Wikitext Extension for VSCode

← Older revision		Revision as of 08:54, 16 July 2025
Line 11:		Line 11:

	When inspecting a Node Type with child nodes, you can see how the child nodes feed into the parent to arrive at the desired extraction. When inspecting a Data Section, you can see how the Data Section narrows down the Data Instance to make it easier for Grooper to extract specific information from a document.		When inspecting a Node Type with child nodes, you can see how the child nodes feed into the parent to arrive at the desired extraction. When inspecting a Data Section, you can see how the Data Section narrows down the Data Instance to make it easier for Grooper to extract specific information from a document.

			To access the Data Inspector, test your extraction and/or select a result and click the Data Inspector icon (this should look like a small flashlight). The Data Inspector should open in a new tab in your web browser.

	There are four main panels that comprise the Data Inspector:		There are four main panels that comprise the Data Inspector: