jun-yu172

@jun-yu172·3 public vizzes

Fork of Fork of dv.35 - interactive color legend

This interactive scatter plot visualizes the classic Iris dataset, using color to distinguish species. A legend with circles and text labels enables hovering to highlight a selected species and fade the others, while also adjusting axis opacity. Users can swap the X and Y axes between sepal and petal measurements using dropdowns and a swap button. Built with React and D3 v6, the visualization uses `scaleLinear`, `scaleOrdinal`, `extent`, and `cs` for data loading and rendering SVG marks and axes.

Jun 4, 2021

Loading thumbnail…

Hello

This example shows a simple static face comprised of three circles on a yellow background. The SVG canvas is 900 by 400 pixels, with a large outer circle forming the head, two small circles for eyes, and a smaller circle for the mouth. The rendering uses raw SVG elements defined in the HTML file, with explicit properties for fill color, stroke, and stroke width applied to each shape. No JavaScript libraries or data sources are involved.

May 24, 2021

Loading thumbnail…

practice1

This example displays a minimal web page that prints a headline and logs a JavaScript message to the browser console. The page uses plain HTML with an external CSS file to style the heading, and an external JavaScript file that triggers a browser alert on load. It demonstrates the basic integration of CSS styling and JavaScript execution within a simple HTML document, using no additional libraries or frameworks.

Apr 12, 2021