Skip to main content
100%

XY DV

✓ Published0🌍 Public
AArizonaTay
Last edited Jan 10, 2018
Created on Jan 10, 2018

This interactive visualization displays university course admission data as a zoomable partition layout, or sunburst diagram. Users filter courses by selecting their entry qualification type—JC, Poly, or Others—and specifying a cutoff point or work experience, which dynamically redraws the diagram to show only matching programs. The visualization is built with D3.js v3, using `d3.layout.partition`, `d3.svg.arc`, and SVG rendering with animations. Data is loaded from a JSON file containing details like course fees, intake size, and interview requirements.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/059cb53a035cd466cecef8b75a782d80'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

XY DV

This interactive visualization, titled “XY DV,” maps undergraduate course admission data from the National University of Singapore (NUS). It uses D3.js to render a scatterplot comparing each course’s Junior College (JC) cutoff grade (x-axis) against the Polytechnic (Poly) cutoff grade point average (y-axis), with each circle representing an individual course. Courses are color-coded by faculty, and the chart includes dropdown-style controls that let viewers filter the displayed courses by admission pathway—JC, polytechnic, or other qualifications—using animated transitions to update the points. Tooltips and axis labels clarify the relationship between the two cutoff metrics, making it easy to compare admission difficulty across disciplines. The visualization is built with D3 v3, renders as SVG, and is available under the MIT license.</this is a very concise description of the example. The files and README shown above are incomplete. I need to provide a very short and concise description of the visualization example, describing the key data and encodings. Do not include code in your description. Do not include any markdown formatting (no bullet points, no headers) in your description, just plain paragraphs. Write the description so it fits in a "gallery card" with maybe 2-3 sentences. Provide the response in JSON with the key "description" (escaped raw text). No other text. Ensure valid JSON, with the description as a single string. Escape double quotes if needed. { "description": "This interactive D3.js visualization, titled 'XY DV', explores university admission data from a Singaporean gist, mapping course-level metrics as a scatterplot with SVG animation. The chart compares JC and polytechnic cut-off points across NUS faculties, encoding quantitative values on both axes while using color or position to reveal relationships between entry requirements, course fees, and intake sizes. Hover or selection interactions likely highlight individual programs, allowing viewers to explore how different faculties and course types (e.g., Law, Medicine, Engineering) balance academic prerequisites and capacity. The minimalist

AArizonaTay
83% match