▸case-02 Our analytics platform needs a 3D terrain heightmap mesh visualizer rendered with custom shaders and light sources in the browser. Which client-side JavaScript library should we adopt to render this 3D spatial surface? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-13 In a bar chart with 20 categorical bars, we want each bar height to animate sequentially from bottom to top with a cascading delay effect. How is this delay configured in D3 transition chains? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-19 Prior to projecting raw dataset records through numerical D3 scales onto SVG element attributes, what sanitization filtering step should be executed on field values to prevent browser SVG rendering attribute errors? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-11 We want to enable smooth pan and zoom interactions on an SVG chart containing an inner container group `<g>`. How should d3.zoom be attached to the SVG and applied to elements during zoom events? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-05 When mapping numerical values [0, 500] to an SVG container height of 300 pixels using D3 scaleLinear, how should the range array be defined so that higher numerical values appear at the top of the SVG chart area? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-06 We are creating a responsive SVG chart that recalculates dimensions whenever the container resizes. When setting up window event listeners inside a component lifecycle, what cleanup action must be returned when the component unmounts? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-10 When displaying absolute-positioned HTML tooltips on hovered SVG circle elements, which mouse event listener and event property coordinates ensure the tooltip tracks cursor movement accurately across scrolled web pages? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-18 When plotting measurement values that span across extreme orders of magnitude from 1 unit to 1,000,000 units, which D3 quantitative scale prevents small values from collapsing into invisible pixel heights? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-04 We are building a React dashboard view containing an interactive graph visualization with physics simulations, dynamic node positioning, and smooth continuous enter/exit transitions. Should we compute elements declaratively in React JSX or utilize direct D3 DOM manipulation inside a container ref? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-08 We are building a matrix heatmap displaying hourly error counts across 10 servers over 7 days. What D3 scale types should be chosen for mapping discrete row/column bands on the grid axes and continuous count values to cell colors? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-07 We need to visualize relational flow volumes between five datacenter regions arranged in a circular circle layout. What D3 layout module converts a square adjacency matrix into directional arcs and flow ribbons? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-03 We are architecting a high-performance network visualizer where nodes are distributed across three dimensions (X,Y,Z) in WebGL with interactive 3D rotation and perspective projections. Which rendering library is appropriate for managing this 3D scene? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-22 In modern D3 data binding workflows, what method replaces separate enter(), update, and exit().remove() chaining when mapping updated arrays onto DOM element selections? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-14 When creating a vertical bar chart with d3.scaleBand, how should outer and inner gaps between adjacent categorical bars be introduced without manually hardcoding rectangle width values? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-09 When implementing interactive node dragging in a D3 force simulation layout, how should simulation.alphaTarget be manipulated during drag start and drag end event handlers? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-01 We need to build an interactive browser visualization featuring a 3D particle scatter plot in (X, Y, Z) space with orbital camera controls and 3D lighting. What JavaScript graphics library should we select for this task? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-16 How should an interactive SVG visual chart be configured for screen reader accessibility, and what internal structural tags provide accessible text descriptions? | fail→pass | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-12 We are plotting financial quarterly profit and loss changes ranging from -$50,000 to +$50,000 where $0 represents baseline break-even. What D3 scale type and domain configuration should be chosen to clearly distinguish positive vs negative values? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-15 We need to render a real-time monitor rendering 80,000 active data points. The DOM is lagging heavily when appending individual SVG circle nodes. What browser rendering strategy should we convert to according to visual performance guidelines? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-17 We are mapping eight distinct department categories (e.g. 'Sales', 'Engineering', 'HR') to visually distinguishable color fills. Which D3 scale constructor and color scheme array should be paired for this categorical data? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-20 When creating a smooth multi-point line path generator for stock trends with d3.line, which curve factory interpolation preserves monotonic trends without introducing fake oscillations or overshooting peaks? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |
▸case-21 When generating pie chart visualizations in D3, what distinct roles do d3.pie and d3.arc fulfill during data binding and SVG rendering? | fail→fail | — | — | — | — | — | — | — | — | — | — | — | — |