Restore HorizonGraphLayer data preprocessing

Author: ibgreen

examples/infovis-layers/horizon-graph-layer/app.tsx

@@ -260,17 +260,39 @@ export default function App(): ReactElement {
   ];
 
   return (
-    <div style={{display: 'flex', width: '100vw', height: '100vh', overflow: 'hidden'}}>
-      <div
+    <div
+      style={{
+        display: 'grid',
+        gridTemplateColumns: 'minmax(0, 1fr) 260px',
+        width: '100vw',
+        height: '100vh'
+      }}
+    >
+      <div style={{minWidth: 0, position: 'relative', overflow: 'hidden'}}>
+        <DeckGL
+          views={new OrthographicView()}
+          initialViewState={INITIAL_VIEW_STATE}
+          controller={true}
+          layers={layers}
+          onHover={(info) => {
+            if (info.coordinate) {
+              setMousePosition([info.coordinate[0], info.coordinate[1]]);
+            } else {
+              setMousePosition(null);
+            }
+          }}
+        />
+      </div>
+      <aside
         style={{
-          width: '350px',
+          width: '260px',
           height: '100vh',
           overflowY: 'auto',
           background: 'rgba(255, 255, 255, 0.95)',
           padding: '15px',
           fontFamily: 'Arial, sans-serif',
-          boxShadow: '2px 0 10px rgba(0,0,0,0.1)',
-          borderRight: '1px solid #ddd'
+          boxShadow: '-2px 0 10px rgba(0,0,0,0.1)',
+          borderLeft: '1px solid #ddd'
         }}
       >
         <div style={{marginBottom: '15px'}}>
@@ -488,22 +510,7 @@ export default function App(): ReactElement {
             />
           </div>
         </div>
-      </div>
-      <div style={{flex: 1, height: '100vh', position: 'relative', overflow: 'hidden'}}>
-        <DeckGL
-          views={new OrthographicView()}
-          initialViewState={INITIAL_VIEW_STATE}
-          controller={true}
-          layers={layers}
-          onHover={(info) => {
-            if (info.coordinate) {
-              setMousePosition([info.coordinate[0], info.coordinate[1]]);
-            } else {
-              setMousePosition(null);
-            }
-          }}
-        />
-      </div>
+      </aside>
     </div>
   );
 }