Jainesh Patel

@Jainesh1009·4 public vizzes

Final_smile

Eight randomly generated cartoon faces fill the viewport, each with a yellow circular background, black outline, matching eyes, and an arc-shaped smile. The faces are built as React components that compose smaller SVG elements, with D3’s `arc` generator defining the mouth path and `range` creating the array of iterations. Each face uses randomized values for stroke width, eye offset and radius, and mouth dimensions, producing slight variations across the grid. The rendering uses SVG within a React framework, with D3 v5 handling the arc calculation.

Jan 7, 2022

Loading thumbnail…

arc_d3

This example renders a smiley face as an SVG graphic using React for component structure and D3’s `arc` generator to create the mouth. The face consists of a yellow circle with a black stroke, two eye circles, and a mouth path drawn via an arc with specified inner and outer radii and angular spans. D3 v5 and React 16.9 are loaded from CDNs, with the SVG output centered and scaled to a 960×500 viewport. The code defines all geometric parameters as constants, making the layout explicit and easily adjustable.

Jan 7, 2022

Loading thumbnail…

Fork of Smiley Face Part II

This example renders a full-screen smiley face using React and SVG. The face is centered on the window and consists of three circles: a yellow head with a black stroke, and two smaller black eyes positioned symmetrically. Sizing and positioning are computed from `window.innerWidth` and `window.innerHeight` in React, with the SVG root element and circle elements defined via JSX. The code uses React 16.9 and ReactDOM to mount the component into the `#root` div.

Jan 7, 2022

Loading thumbnail…

Fork of Hello HTML

This example is a minimal HTML page that displays the text "hii" as a large heading. It does not use any data visualization libraries, JavaScript, or external data sources. The page is constructed with standard HTML elements, specifically the `<h1>` tag, and includes no interaction or dynamic rendering. The code is essentially a static, bare-bones HTML document demonstrating the most basic structure of a web page.

Jan 7, 2022