Spaces:
Running
Running
File size: 11,025 Bytes
23680f2 |
1 |
<!DOCTYPE html><!--8FqA_ERyePplcUaEYWohc--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/chunks/d6d93a0a04227147.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/10c3a2ade180023c.js"/><script src="/_next/static/chunks/5a5ec5690ca4254a.js" async=""></script><script src="/_next/static/chunks/118bac1f0e1f8b45.js" async=""></script><script src="/_next/static/chunks/turbopack-ce3658797261f2db.js" async=""></script><script src="/_next/static/chunks/48c5753aca325314.js" async=""></script><script src="/_next/static/chunks/b3cfdd883c96563c.js" async=""></script><script src="/_next/static/chunks/a096ec8e6ed56d42.js" async=""></script><title>HyperView</title><meta name="description" content="Dataset visualization with hyperbolic embeddings"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="antialiased"><div hidden=""><!--$--><!--/$--></div><div class="h-screen flex flex-col bg-background"><header class="h-10 min-h-[40px] bg-secondary border-b border-border flex items-center justify-between px-3"><div class="flex items-center gap-2"><div class="w-7 h-7 rounded flex items-center justify-center text-primary"><svg viewBox="0 0 24 24" fill="none" class="w-5 h-5"><circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"></circle><circle cx="12" cy="12" r="6" stroke="currentColor" stroke-width="1.5" opacity="0.6"></circle><circle cx="12" cy="12" r="2" fill="currentColor"></circle></svg></div><div class="flex items-center gap-2"><h1 class="text-sm font-semibold text-foreground">HyperView</h1></div></div><div class="flex items-center gap-3"></div></header><div class="flex-1 p-1 bg-background overflow-hidden"><div aria-orientation="horizontal" class="flex w-full data-[orientation=vertical]:flex-col h-full" data-group="true" data-testid="hyperview-main-layout" id="hyperview-main-layout" style="height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap"><div data-panel="true" data-testid="image-grid" id="image-grid" style="min-height:0;max-height:100%;height:auto;min-width:0;max-width:100%;width:auto;border:none;border-width:0;padding:0;margin:0;flex-basis:0;flex-shrink:1;overflow:hidden;flex-grow:1"><div class="min-w-0" style="width:100%;height:100%"><div class="flex flex-col h-full bg-card rounded-sm overflow-hidden border border-border"><div class="h-9 min-h-[36px] flex items-center justify-between px-2 border-b border-border bg-secondary select-none"><div class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4 text-muted-foreground"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-4 h-4"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect></svg></span><span class="text-sm font-medium text-foreground truncate">Samples</span><span class="text-xs text-muted-foreground truncate">0 items</span></div></div><div class="flex-1 overflow-auto p-2"><div style="height:0px;width:100%;position:relative"></div></div><div class="px-2 py-1.5 text-[11px] text-muted-foreground/70 border-t border-border bg-card font-mono"><span>Click • ⌘+click multi • ⇧+click range</span></div></div></div></div><div aria-orientation="vertical" class="relative flex w-[3px] items-center justify-center bg-border/50 hover:bg-primary/50 transition-colors after:absolute after:inset-y-0 after:left-1/2 after:w-2 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring data-[orientation=vertical]:h-[3px] data-[orientation=vertical]:w-full data-[orientation=vertical]:after:left-0 data-[orientation=vertical]:after:h-2 data-[orientation=vertical]:after:w-full data-[orientation=vertical]:after:-translate-y-1/2 data-[orientation=vertical]:after:translate-x-0 [&[data-orientation=vertical]>div]:rotate-90" data-separator="inactive" data-testid="_R_mavb_" id="_R_mavb_" role="separator" style="flex-basis:auto;flex-grow:0;flex-shrink:0" tabindex="0"><div class="z-10 flex h-5 w-3 items-center justify-center rounded-sm border border-border bg-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-grip-vertical h-3 w-3 text-muted-foreground" aria-hidden="true"><circle cx="9" cy="12" r="1"></circle><circle cx="9" cy="5" r="1"></circle><circle cx="9" cy="19" r="1"></circle><circle cx="15" cy="12" r="1"></circle><circle cx="15" cy="5" r="1"></circle><circle cx="15" cy="19" r="1"></circle></svg></div></div><div data-panel="true" data-testid="scatter-panel" id="scatter-panel" style="min-height:0;max-height:100%;height:auto;min-width:0;max-width:100%;width:auto;border:none;border-width:0;padding:0;margin:0;flex-basis:0;flex-shrink:1;overflow:hidden;flex-grow:1"><div class="min-w-0" style="width:100%;height:100%"><div class="flex flex-col h-full bg-card rounded-sm overflow-hidden border border-border"><div class="h-9 min-h-[36px] flex items-center justify-between px-2 border-b border-border bg-secondary select-none"><div class="flex items-center gap-2 min-w-0"><span class="flex-shrink-0 w-4 h-4 text-muted-foreground"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="w-4 h-4"><circle cx="8" cy="8" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="18" cy="8" r="2"></circle><circle cx="6" cy="16" r="2"></circle><circle cx="12" cy="12" r="2"></circle></svg></span><span class="text-sm font-medium text-foreground truncate">Embeddings</span><span class="text-xs text-muted-foreground truncate">Loading...</span></div></div><div class="flex-1 flex"><div class="flex-1 relative"><canvas class="absolute inset-0" style="z-index:1"></canvas><canvas class="absolute inset-0 pointer-events-none" style="z-index:20"></canvas><div class="absolute inset-0 flex items-center justify-center bg-card/80 z-10"><div class="text-muted-foreground">Loading embeddings...</div></div></div></div><div class="px-2 py-1.5 text-[11px] text-muted-foreground/70 border-t border-border bg-card font-mono"><span>⇧+drag lasso • scroll zoom • drag pan</span></div></div></div></div></div></div></div><!--$--><!--/$--><script src="/_next/static/chunks/10c3a2ade180023c.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[32035,[\"/_next/static/chunks/48c5753aca325314.js\"],\"default\"]\n3:I[91168,[\"/_next/static/chunks/48c5753aca325314.js\"],\"default\"]\n4:I[73440,[\"/_next/static/chunks/48c5753aca325314.js\"],\"ClientPageRoot\"]\n5:I[50912,[\"/_next/static/chunks/b3cfdd883c96563c.js\",\"/_next/static/chunks/a096ec8e6ed56d42.js\"],\"default\"]\n8:I[64381,[\"/_next/static/chunks/48c5753aca325314.js\"],\"OutletBoundary\"]\n9:\"$Sreact.suspense\"\nb:I[64381,[\"/_next/static/chunks/48c5753aca325314.js\"],\"ViewportBoundary\"]\nd:I[64381,[\"/_next/static/chunks/48c5753aca325314.js\"],\"MetadataBoundary\"]\nf:I[75115,[\"/_next/static/chunks/48c5753aca325314.js\"],\"default\"]\n:HL[\"/_next/static/chunks/d6d93a0a04227147.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"8FqA-ERyePplcUaEYWohc\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d6d93a0a04227147.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"serverProvidedParams\":{\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/b3cfdd883c96563c.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a096ec8e6ed56d42.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@a\"}]}]]}],{},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$Lb\",null,{\"children\":\"$@c\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Ld\",null,{\"children\":[\"$\",\"$9\",null,{\"name\":\"Next.Metadata\",\"children\":\"$@e\"}]}]}],null]}],false]],\"m\":\"$undefined\",\"G\":[\"$f\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:1:children:0:props:children:0:props:serverProvidedParams:params\"\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"title\",\"0\",{\"children\":\"HyperView\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Dataset visualization with hyperbolic embeddings\"}]]\na:null\n"])</script></body></html> |