PratyushSn

@PratyushSn·3 public vizzes

Fork of Let's Make a Face Part I

This example shows a simple yellow smiley face rendered as an SVG graphic, consisting of a circular face with two eyes and a curved mouth. The face is drawn using React components that generate SVG elements, while D3’s `arc()` API creates the mouth path with specified inner and outer radii. Position calculations for the eyes and face are based on the SVG’s width and height, with a stroke width offset to center the face properly. The code uses d3.v7 and React 16.7 to compose the visualization declaratively.

Dec 18, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This example shows a simple smiley face built from three SVG circles: one large yellow circle for the head and two smaller black circles for the eyes. The code uses raw SVG elements with explicit `cx`, `cy`, and `r` attributes, along with inline styling for the fill and stroke colors. The face is centered on a 960 by 500 viewport, with the head positioned at the middle and the eyes offset horizontally. No additional JavaScript libraries are used; the visualization relies entirely on static SVG markup rendered directly in the browser.

Dec 16, 2021

Loading thumbnail…

Fork of Hello HTML

This example is a minimal HTML page that renders an empty document. It demonstrates the fundamental structure of an HTML file, with a `<title>` element and an empty body. The page uses no JavaScript libraries or data sources; it only employs the standard HTML markup from the `index.html` file. Its purpose is to show the bare-bones starting point for any web-based visualization or application.

Dec 16, 2021