Asmitha-Sa

@Asmitha-Sa·4 public vizzes

Fork of Let's make a face with D3.js!

This example shows a friendly yellow smiley face rendered as an SVG, with eyes and a mouth drawn using D3 shapes. The face’s eyebrows animate by moving upward and then returning to their original position over two two-second transitions. Using d3.select and d3.arc, the code builds the circle, eye, eyebrow rectangles, and mouth path, then applies chained transition() calls to shift the eyebrow group’s transform attribute. The visualization runs in a 960×500 SVG canvas with no external data, relying entirely on hardcoded dimensions.

Sep 21, 2023

Loading thumbnail…

Fork of D3-1: Making a face

A yellow circle with blue eyes, animated eyebrows, and a curved mouth forms a stylized face rendered in SVG. The code uses D3 v7 selections to append SVG primitives, and a D3 arc path generator to create the mouth based on specified inner and outer radii and angles. Two rectangles represent eyebrows and use chained `transition().duration()` calls to move them vertically over two seconds before returning. The example demonstrates basic D3 shape generation, SVG group elements for shared eye styling, and timed attribute transitions.

Sep 21, 2023

Loading thumbnail…

CSE-A

This example displays a single, highly styled message, “hi !”, centered on a blank HTML page. The code uses plain HTML with a CSS `style` block to apply a large font size and center alignment to the text. It is a minimal demonstration of web fundamentals, relying solely on built-in browser rendering without any external frameworks or libraries. The static page serves as a simple starting point for visualization projects, though it contains no data binding, interactivity, or dynamic elements.

Sep 21, 2023

Loading thumbnail…

Fork of HTML Starter

This example shows a minimal HTML page that renders the text “Hello HTML!” centered on the screen, demonstrating the basic structure of an HTML document with embedded CSS and JavaScript. The page uses a simple `.message` CSS class to control font size and text alignment, with the content placed directly in a `div` element in the body. No external libraries or data sources are involved; the rendering relies entirely on standard HTML and CSS styling. The example serves as a bare-bones starter template for web-based projects.

Sep 21, 2023