1"use strict";(self.webpackChunkfactverse_docs=self.webpackChunkfactverse_docs||[]).push([[18301],{74646:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>p,contentTitle:()=>c,default:()=>r,frontMatter:()=>o,metadata:()=>s,toc:()=>l});const s=JSON.parse('{"id":"manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7","title":"Quick start","description":"Basic process for creating a scenario When creating and using a scenario in DataMesh Studio, please follow the steps below: 1. Define the scenario content This includes the scenes,","source":"@site/.generated/en/docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7.md","sourceDirName":"manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3","slug":"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"slug":"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7","title":"Quick start","description":"Basic process for creating a scenario When creating and using a scenario in DataMesh Studio, please follow the steps below: 1. Define the scenario content This includes the scenes,"},"sidebar":"productManuals","previous":{"title":"Overview","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/overview-20"},"next":{"title":"Reference","permalink":"/factverse-docs/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/reference-6"}}');var a=n(74848),i=n(28453);const o={slug:"/manuals/datamesh-studio/previous-versions-studio/version-2506-7-3-3/quick-start-7",title:"Quick start",description:"Basic process for creating a scenario When creating and using a scenario in DataMesh Studio, please follow the steps below: 1. Define the scenario content This includes the scenes,"},c="Quick start",p={},l=[];function d(e){const t={h1:"h1",header:"header",...(0,i.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"quick-start",children:"Quick start"})}),"\n",(0,a.jsx)("div",{className:"manual-preview-content",dangerouslySetInnerHTML:{__html:'<h2 class="wp-block-heading">Basic process for creating a scenario</h2>\n\n\n\n<p>When creating and using a scenario in DataMesh Studio, please follow the steps below:</p>\n\n\n\n<p>1. <strong>Define the scenario content</strong></p>\n\n\n\n<p>This includes the scenes, steps, elements, data, and interactions that the scenario needs to express.</p>\n\n\n\n<p>2. <strong>Upload resources</strong></p>\n\n\n\n<p>Upload any 3D models and other resources that you will need for your scenario, such as audio, video, images, and PDF files.</p>\n\n\n<ul>\n<li>Upload 3D models: Via importer or FactVerse platform</li>\n<li>Upload image, videos etc. resources: Via FactVerse platform</li>\n</ul>\n\n\n<p>3. <strong>Create a new scenario</strong></p>\n\n\n\n<p>After logging in, create a new scenario where you can utilize the resources and tools in DataMesh Studio to create and edit 3D content.</p>\n\n\n\n<p>4. <strong>Edit your scenario</strong></p>\n\n\n<ul>\n<li>Edit scenes: Organize the scenario content by using multiple scenes, scene catalog, and scene jumping.</li>\n<li>Add elements: Add various elements from <strong>My Resources</strong> and <strong>Libraries</strong>, including models, attachment elements, and tool elements.</li>\n</ul>\n<ul>\n<li>Edit element attributes: Select an element and modify its position, rotation, and scale.</li>\n</ul>\n<ul>\n<li>Add action and interaction: Add action and interaction effects to the elements.</li>\n<li>Publish the scenario: DataMesh Studio enables easy publishing of the content to our servers.</li>\n</ul>\n\n\n<p>5. <strong>Preview scenario</strong></p>\n\n\n\n<p>You can quickly preview a scenario by using the URL or QR code. Simply open the URL link in a browser or use DataMesh One to scan the QR code for an instant preview.</p>\n\n\n\n<p><strong>Note</strong>: You must have access permissions to the directory where the scenario is located.</p>\n\n\n\n<p>6. <strong>Remote coordination</strong></p>\n\n\n\n<p>With DataMesh One, you can engage in 3D MR coordinated operations remotely with other users.</p>\n\n\n\n<h2 class="wp-block-heading">Exercise: Create a 3D demo scenario to showcase a coffee machine</h2>\n\n\n\n<p>This example demonstrates how to quickly create a simple scenario with a coffee machine model and four scenes. We will apply tags, disappearance, Disassemble, and remove Disassemble actions to the coffee maker model, as well as incorporate some basic camera movements.</p>\n\n\n\n<p><strong>Prerequisites</strong><br>The coffee machine model has been uploaded to the FactVerse platform.</p>\n\n\n\n<h3 class="wp-block-heading">Step 1 Create a new scenario</h3>\n\n\n\n<p>Create a scenario titled \u201cQuickStart.\u201d</p>\n\n\n\n<p>1. Log in to DataMesh Studio.</p>\n\n\n\n<p>2. Click the <strong>New Scenario</strong> button on the homepage to create a new scenario.</p>\n\n\n\n<p>3. In the toolbar, click <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to open the Save Scenario window.</p>\n\n\n\n<p>4. Select the scenario storage path \u201cMy Space,\u201d fill in the scenario name \u201cQuickStart\u201d and click <strong>Confirm</strong> to save the scenario.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="862" height="586" src="https://datamesh.com/wp-content/uploads/2024/07/image033.jpg" alt="" class="wp-image-8078" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image033.jpg 862w, https://datamesh.com/wp-content/uploads/2024/07/image033-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image033-768x522.jpg 768w" sizes="(max-width: 862px) 100vw, 862px" /></figure>\n\n\n\n<h3 class="wp-block-heading">Step 2 Add model elements</h3>\n\n\n\n<p>Add a coffee model in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. Find the 3D coffee machine model in the <strong>My Resources</strong> section on the left, then drag and drop it into the workspace.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="858" height="508" src="https://datamesh.com/wp-content/uploads/2024/07/image034.jpg" alt="" class="wp-image-8080" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image034.jpg 858w, https://datamesh.com/wp-content/uploads/2024/07/image034-300x178.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image034-768x455.jpg 768w" sizes="(max-width: 858px) 100vw, 858px" /></figure>\n\n\n\n<p>2. Click on the coffee machine model in the scene and adjust its position, rotation angle and scale by using drag-and-drop and rotation operations.</p>\n\n\n\n<p>3. Select the coffee machine model and set its Duration to 2 seconds
1in the Attributes pane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="860" height="509" src="https://datamesh.com/wp-content/uploads/2024/07/image035.jpg" alt="" class="wp-image-8081" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image035.jpg 860w, https://datamesh.com/wp-content/uploads/2024/07/image035-300x178.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image035-768x455.jpg 768w" sizes="(max-width: 860px) 100vw, 860px" /></figure>\n\n\n\n<p>4. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 3 Add tool elements</h3>\n\n\n\n<p>Add a tag in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. In the <strong>Resources</strong> pane, click the <strong>Libraries</strong> tab.</p>\n\n\n\n<p>2. From the <strong>Libraries</strong> section, select the <strong>Tag</strong>. Drag the tag to the workspace and drop it above the coffee machine model.</p>\n\n\n\n<p>3. You can customize the tag by adjusting its size, moving the anchor, and modifying the text size and content.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="512" src="https://datamesh.com/wp-content/uploads/2024/07/image037.jpg" alt="" class="wp-image-8082" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image037.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image037-300x178.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image037-768x455.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p> 4. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 4 Add \u201cDisappear\u201d action</h3>\n\n\n\n<p>Add a disappear action to the tag in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. Click the + button in the timeline to create a new scene named \u201cScene_2\u201d.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="746" height="736" src="https://datamesh.com/wp-content/uploads/2024/07/image038.jpg" alt="" class="wp-image-8083" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image038.jpg 746w, https://datamesh.com/wp-content/uploads/2024/07/image038-300x296.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image038-100x100.jpg 100w" sizes="(max-width: 746px) 100vw, 746px" /></figure>\n\n\n\n<p>2. Add a \u201cDisappear\u201d action to the tag in \u201cScene_2\u201d.</p>\n\n\n\n<p>a) Select the tag.<br>b) Click the <strong>Disappea</strong>r button in the attribute pane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="865" height="590" src="https://datamesh.com/wp-content/uploads/2024/07/image039.jpg" alt="" class="wp-image-8084" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image039.jpg 865w, https://datamesh.com/wp-content/uploads/2024/07/image039-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image039-768x524.jpg 768w" sizes="(max-width: 865px) 100vw, 865px" /></figure>\n\n\n\n<p>3. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 5 Add \u201cDisassemble\u201d action</h3>\n\n\n\n<p>Add a \u201cDisassemble\u201d action to the coffee model in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. Select the coffee machine model in the workspace.</p>\n\n\n\n<p>2. In the Attribute pane, click the Disassemble button in the action menu to separate all components of the coffee machine to easily see its inner workings. For more details, please refer to <em><a href="https://datamesh.com/support/user-manual/datamesh-studio/version-updated-november-2024-studio/actions-4/#articleTOC_5" title=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-cyan-blue-color">Disassemble</mark></a></em><a href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-user-manual/actions-5/#articleTOC_5" title="">.</a></p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="857" height="582" src="https://datamesh.com/wp-content/uploads/2024/07/image041.jpg" alt="" class="wp-image-8085" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image041.jpg 857w, https://datamesh.com/wp-content/uploads/2024/07/image041-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image041-768x522.jpg 768w" sizes="(max-width: 857px) 100v
1w, 857px" /></figure>\n\n\n\n<p>3. Set the <strong>Disassemble Type</strong> as <strong>Axial</strong>, which organizes all sub-components into a line.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="865" height="408" src="https://datamesh.com/wp-content/uploads/2024/07/image042.jpg" alt="" class="wp-image-8086" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image042.jpg 865w, https://datamesh.com/wp-content/uploads/2024/07/image042-300x142.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image042-768x362.jpg 768w" sizes="(max-width: 865px) 100vw, 865px" /></figure>\n\n\n\n<p>4. Restore the coffee model to its original status:</p>\n\n\n\n<p>a) Click the + button to create a third scene \u201cScene_3\u201d.<br>b) Select the coffee machine model in \u201cScene_3\u201d.<br>c) Click the <strong>Disassemble</strong> button in the Attribute pane.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="860" height="584" src="https://datamesh.com/wp-content/uploads/2024/07/image043.jpg" alt="" class="wp-image-8087" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image043.jpg 860w, https://datamesh.com/wp-content/uploads/2024/07/image043-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image043-768x522.jpg 768w" sizes="(max-width: 860px) 100vw, 860px" /></figure>\n\n\n\n<p>d) Select the <strong>Reset</strong> checkbox in the disassemble action to reassemble the coffee machine model back to its initial status.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="857" height="581" src="https://datamesh.com/wp-content/uploads/2024/07/image044.jpg" alt="" class="wp-image-8088" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image044.jpg 857w, https://datamesh.com/wp-content/uploads/2024/07/image044-300x203.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image044-768x521.jpg 768w" sizes="(max-width: 857px) 100vw, 857px" /></figure>\n\n\n\n<p>5. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 6 Add \u201cSection cut\u201d action</h3>\n\n\n\n<p>Add a section cut action to the coffee model in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. Click the add action button <img loading="lazy" decoding="async" width="28" height="27" class="wp-image-8094" style="width: 28px;" src="https://datamesh.com/wp-content/uploads/2024/07/image045.jpg" alt=""> in the attribute pane in the \u201cScene_3\u201d.</p>\n\n\n\n<p>2. Select the <strong>Section</strong> <strong>Cut</strong> option in the action menu.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="576" height="393" src="https://datamesh.com/wp-content/uploads/2024/11/image052-1.jpg" alt="" class="wp-image-46221" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/11/image052-1.jpg 576w, https://datamesh.com/wp-content/uploads/2024/11/image052-1-300x205.jpg 300w" sizes="(max-width: 576px) 100vw, 576px" /></figure>\n\n\n\n<p>3. Set the cross-section attribute:</p>\n\n\n\n<p>a) Select <strong>Along Z-Axis</strong> for Annimaion direction.<br>b) Select one Preset position.<br>c) Move the removal cube in the scene to adjust cross section position.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="589" src="https://datamesh.com/wp-content/uploads/2024/07/image047.jpg" alt="" class="wp-image-8090" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image047.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image047-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image047-768x524.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>4. Remove section cut action and restore the model to its original status.</p>\n\n\n\n<p>a) Create a new scene \u201cScene_4\u201d .<br>b) Select the coffee machine model in the \u201cScene_4\u201d.<br>c) Click <strong>Section</strong> <strong>cut</strong> button.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="574" height="392" src="https://datamesh.com/wp-content/uploads/2024/11/image054-1.jpg" alt="" class="wp-image-46222" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/11/image054-1.jpg 574w, https://datamesh.com/wp-content/uploads/2024/11/image054-1-300x205.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></figure>\n\n\n\n<p>d) In the attributes pane, tick the <strong>Reset </strong>checkbox.<br>e) Adjust the position of the removal corner and removal axis angle of the removal cube.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="589" src="https://datamesh.com/wp-content/uploads/2024/07/image049.jpg" alt="" class="wp-image-8092" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image049.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image049-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image049-768x524.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>5. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 7 Add a straight-line camera movement</h3>\n\n\n\n<p>Add a straight-line camera movement in the \u201cQuickStart\u201d scenario.</p>\n\n\n\n<p>1. Select the first scene in the Timeline.</p>\n\n\n\n<p>2. Select the <strong>Camera</strong> in the <strong>Elements</strong>.</p>\n\n\n\n<p>3. In the attributes pane, tick <strong>Apply camera movement</strong>.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="588" src="https://datamesh.com/wp-content/uploads/2024/07/image050.jpg" alt="" class="wp-image-8093" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image050.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image050-300x204.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image050-768x523.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>4. Select the fourth scene in the Timeline.</p>\n\n\n\n<p>5. Click the add action button <img loading="lazy" decoding="async" width="28" height="27" class="wp-image-8094" style="width: 28px;" src="https://datamesh.com/wp-content/uploads/2024/07/image045.jpg" alt=""> near the element name and select <strong>Movement</strong>.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="509" src="https://datamesh.com/wp-content/uploads/2024/07/image052.jpg" alt="" class="wp-image-8095" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image052.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image052-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image052-768x452.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>6. Press the right mouse button, move the mouse to left or right and release the right button at an appropriate position.</p>\n\n\n\n<p>7. In the attribute pane, click <strong>Set camera POV</strong> to save the current view.</p>\n\n\n\n<p>For more information on camera movements, refer to the <em><a href="https://datamesh.com/support/user-manual/datamesh-studio/datamesh-studio-user-manual/elements-4/#articleTOC_25" title=""><mark style="background-color:rgba(0, 0, 0, 0)" class="has-inline-color has-vivid-cyan-blue-color">Camera</mark></a> </em>section.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="589" src="https://datamesh.com/wp-content/uploads/2024/07/image053.jpg" alt="" class="wp-image-8096" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image053.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image053-300x205.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image053-768x524.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>8. Click the save button <img loading="lazy" decoding="async" width="25" height="25" class="wp-image-8052" style="width: 25px;" src="https://datamesh.com/wp-content/uploads/2024/07/image009.jpg" alt=""> to save the scenario.</p>\n\n\n\n<h3 class="wp-block-heading">Step 8 Play scenario from the beginning</h3>\n\n\n\n<p>In the timeline, select the first scene and click <img loading="lazy" decoding="async" width="30" height="30" class="wp-image-8060" style="width: 30px;" src="https://datamesh.com/wp-content/uploads/2024/07/image017.jpg" alt=""> in the Menu to preview the scenario.</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="509" src="https://datamesh.com/wp-content/uploads/2024/07/image055.jpg" alt="" class="wp-image-8097" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image055.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image055-300x177.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image055-768x452.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>\n\n\n\n<p>Or click the <strong>Preview</strong> button in the menu and select \u201c<strong>Start from beginning</strong>.\u201d</p>\n\n\n\n<figure class="wp-block-image aligncenter size-full is-resized"><img loading="lazy" decoding="async" width="864" height="508" src="https://datamesh.com/wp-content/uploads/2024/07/image056.jpg" alt="" class="wp-image-8098" style="width:600px" srcset="https://datamesh.com/wp-content/uploads/2024/07/image056.jpg 864w, https://datamesh.com/wp-content/uploads/2024/07/image056-300x176.jpg 300w, https://datamesh.com/wp-content/uploads/2024/07/image056-768x452.jpg 768w" sizes="(max-width: 864px) 100vw, 864px" /></figure>'}})]})}function r(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(d,{...e})}):d(e)}},28453:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>c});var s=n(96540);const a={},i=s.createContext(a);function o(e){const t=s.useContext(i);return s.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:o(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.