Mithunshanjai

@Mithunshanjai·6 public vizzes

Fork of D3-1: Making a face

A yellow circle with black stroke and two blue eyes with black strokes are drawn on an SVG canvas, along with a black arc-shaped mouth and two rectangular eyebrows. The eyebrows animate by moving up and down over time using D3 transitions. The visualization uses D3.js v7 to select the SVG element, append circles, a path, and rectangles, and apply attributes. The arc for the mouth is generated with the D3 `arc` function, and the eyebrow movement uses chained `.transition().attr()` calls over 2000ms durations.

Sep 22, 2023

Loading thumbnail…

fork

This example draws a yellow smiley face as a static SVG graphic using React and D3. It shows a circular face with two black eyes and a curved mouth, centered within a 960×500 viewport. The code uses React to render SVG elements, and the D3 `arc` function generates the mouth path from specified inner and outer radii and angular ranges. All shapes are positioned relative to the center using a transform group, with hardcoded offsets and stroke widths.

Sep 22, 2023

Loading thumbnail…

FOR1

This example presents a single centered text element displaying the name “MATHIYARASAN” in a large, 13em font size. It demonstrates a minimal HTML page that uses inline CSS for styling and includes no JavaScript logic. The page relies on standard HTML and CSS, with no external libraries or frameworks, and serves as a simple static typographic display.

Sep 22, 2023

Loading thumbnail…

Fork of Fork HTML

This example displays the word “MATHIYARASAN” as large, centered text on a plain web page. It uses a simple HTML document with embedded CSS to style the message with a 13em font size and center alignment. The page is implemented with standard HTML and CSS, requiring no external libraries or JavaScript. The code demonstrates a minimal static visualization, with the text content hardcoded directly in the `index.html` file.

Sep 22, 2023

Loading thumbnail…

HU

This example displays the text “Hello HTML!” centered on the page at a large font size. It demonstrates a minimal setup for rendering static content with web standards, using plain CSS for styling and an HTML div element for structure. The page contains no JavaScript logic or external data sources, relying solely on the markup and a single CSS rule for presentation. It serves as a basic starting point for building interactive visualizations with React.

Sep 22, 2023

Loading thumbnail…

HELLOW HTML

This example displays the text “Hello HTML!” in large, centered type on a blank page. It demonstrates the minimal structure of an HTML document, using CSS to style the message with a font size of 13em and JavaScript capabilities implied through the linked README. The page relies on plain HTML and CSS only, with no external libraries or data sources, serving as a foundational template for web visualization projects.

Sep 22, 2023