1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[949],{23310:(e,r,s)=>{"use strict";s.d(r,{DemoTiles:()=>u,S:()=>c});var t=s(79246),i=s(12591),n=s(59331),l=s.n(n);let a=[{id:"literacy",title:"Test your visualization literacy",description:"Answer a few chart questions and let our model predict your score.",href:"/literacy",image:{src:"/literacy_charts/piechart-VLAT.png"},source:"Tell Me Without Telling Me, IEEE VIS 2025"},{id:"attention",title:"See where experts look",description:"Compare predicted visual attention between experts and novices.",href:"/literacy_attention",image:{src:"/demos/attention-split.jpg",cover:!0},source:"Tell Me Without Telling Me, IEEE VIS 2025"},{id:"saliency",title:"Predict attention on this page",description:"Run a saliency model on the page you're reading and see where eyes land first.",action:"saliency",image:{src:"/demos/saliency-home.jpg",cover:!0}}];var o=s(43933);let c="saliency:run";function d(e){let{demo:r,className:s,children:i}=e;return r.href?(0,t.jsx)(l(),{href:r.href,className:s,children:i}):(0,t.jsx)("button",{type:"button",onClick:()=>window.dispatchEvent(new Event(c)),className:(0,o.cn)(s,"w-full text-left"),children:i})}function m(e){let{demo:r}=e;return(0,t.jsx)("span",{className:"relative block aspect-[4/3] w-full overflow-hidden rounded-md border border-border bg-white",children:(0,t.jsx)(i.default,{src:r.image.src,alt:"",fill:!0,sizes:"(min-width: 640px) 16rem, 7rem",className:r.image.cover?"object-cover":"object-contain p-2"})})}function u(e){let{layout:r="row"}=e;return(0,t.jsx)("ul",{className:"row"===r?"grid gap-5 sm:grid-cols-3":"space-y-8",children:a.map(e=>(0,t.jsx)("li",{children:(0,t.jsxs)(d,{demo:e,className:(0,o.cn)("group grid grid-cols-[7rem_1fr] items-start gap-4 roun
1ded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-4","row"===r?"sm:grid-cols-1 sm:gap-3":"sm:grid-cols-[16rem_1fr] sm:gap-6"),children:[(0,t.jsx)(m,{demo:e}),(0,t.jsxs)("span",{className:"block min-w-0",children:[(0,t.jsx)("span",{className:"block font-medium text-foreground underline-offset-4 group-hover:underline",children:e.title}),(0,t.jsx)("span",{className:"mt-1 block text-pretty text-sm leading-relaxed text-muted-foreground",children:e.description}),"list"===r&&(0,t.jsxs)("span",{className:"mt-3 flex flex-wrap items-center gap-x-3 gap-y-1 text-sm",children:[(0,t.jsx)("span",{className:"font-medium text-primary",children:e.href?"Open demo â":"Run it on this page â"}),e.source&&(0,t.jsxs)("span",{className:"text-muted-foreground",children:["From ",e.source]})]})]})]})},e.id))})}},43933:(e,r,s)=>{"use strict";s.d(r,{cn:()=>n});var t=s(77780),i=s(83137);function n(){for(var e=arguments.length,r=Array(e),s=0;s<e;s++)r[s]=arguments[s];return(0,i.QP)((0,t.$)(r))}},56276:(e,r,s)=>{Promise.resolve().then(s.bind(s,23310))}},e=>{var r=r=>e(e.s=r);e.O(0,[416,591,331,546,989,358],()=>r(56276)),_N_E=e.O()}]);
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.