Skip to main content
SimilarExport ZIP
100%

Fork of a Dog!!

✓ Published0🌍 Public
NNanditha Reddy
Last edited Feb 25, 2024
Created on Feb 25, 2024
Forked from Hello HTML

A fork of the classic example, this visualization uses raw SVG (Scalable Vector Graphics) shapes defined directly in an HTML file to draw a simple, static dog face. The code constructs geometric primitives—circles for the head, eyes, pupils, and nose, and path elements for the ears and mouth—all hard-coded with specific coordinates and styling attributes like `fill` and `stroke`. No external data or libraries are involved; the minimal markup relies on default browser rendering of SVG elements within a fixed-width canvas.

AI-generated description

A bare minimum dog page.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Dog graphics using Figma design. Used bezier curve.

This graphic shows a simple, stylized dog face built from basic geometric shapes. It depicts the dog’s head, eyes, nose, mouth, ears, and eyebrows using circles, ellipses, rectangles, and quadratic bezier curves. The visualization is created with D3.js version 7, which selects the SVG canvas and appends each shape using methods like `append` and `attr`. The dog’s mouth and ears are drawn using SVG path data with quadratic bezier commands, while the face and features use hardcoded coordinates. The design originates from a Figma mockup, and the code directly reproduces that static layout in the browser.

Ppavankrishna441@gmail.com
84% match
Loading thumbnail…

Fork of Fork of Fork of Dog graphics using Figma design. Used bezier curve.

This visualization displays a cartoon dog named "Rock" constructed entirely from SVG shapes, primarily using a single bezier curve path for the body and circles for the eyes and nose. The graphic is rendered through raw SVG elements defined in an HTML file, with a sky-blue background and decorative accessories like stars, a collar, and pink shapes. The figure shows the dog's head and torso with ears and facial features, all built using basic geometric primitives and path data. The code uses no external JavaScript libraries, relying solely on native SVG markup and CSS styling for presentation.

Ggaddamthanmayeereddy759@gmail.com
83% match
Loading thumbnail…

Fork of Fork of Dog graphics using Figma design. Used bezier curve.

This example illustrates a stylized dog named "Rock" created with Scalable Vector Graphics (SVG) using Figma design elements, including bezier curves for the main body shape. The artwork features a blue background, orange dog silhouette, black eyes, white muzzle, decoration shapes, and text. The code uses the raw SVG API, defining paths, circles, polygons, and rectangles directly in markup, with CSS for styling. It also incorporates custom shapes like stars and pink decorative elements.

Ggaddamthanmayeereddy759@gmail.com
82% match
Loading thumbnail…

Fork of Fork of Dog graphics using Figma design. Used bezier curve.

This example illustrates a stylized dog named "Rock" created with Scalable Vector Graphics (SVG) using Figma design elements, including bezier curves for the main body shape. The artwork features a blue background, orange dog silhouette, black eyes, white muzzle, decoration shapes, and text. The code uses the raw SVG API, defining paths, circles, polygons, and rectangles directly in markup, with CSS for styling. It also incorporates custom shapes like stars and pink decorative elements.

Ggaddamthanmayeereddy759@gmail.com
82% match
Loading thumbnail…

Fork of Smiely Cat Fork

This example uses D3 v7 to draw a simple dog shape in an SVG canvas. It renders a brown head and body as two overlapping circles, adds black eyes, and a curved mouth path. The code builds the graphic by appending SVG elements—circles for the face, eyes, and body, and a path for the smile—directly to the page. The data is hardcoded within the script, with no external dataset or interactive behavior. The rendering relies solely on SVG attributes like cx, cy, r, and d, demonstrating basic shape composition with D3’s selection and append methods.

BBelede Rahul
82% match
Loading thumbnail…

Fork of Hello HTML

A simple SVG face built with two black eye circles and a yellow face circle on a 960-by-500 canvas. The example demonstrates basic SVG shape rendering without JavaScript libraries, using explicit circle elements for the face and eyes. The code sets the face’s fill to yellow with a black stroke and thick outline, while the eyes remain solid black. This serves as a minimal static visualization, likely intended as a starting point for adding interactive features like a smile or animation. No data or dynamic behavior is present; it is purely presentational SVG markup.

NNaveen Kasthoori
81% match
Loading thumbnail…

Fork of Hello HTML

This visualization shows a simple SVG face composed of a large yellow circle with a black outline and two smaller black circles representing eyes. It is a static fork of the “Hello HTML” example, rendered entirely through inline SVG elements rather than JavaScript libraries. The code defines the circles directly in the HTML with explicit width, height, and coordinate attributes, using basic SVG shape elements without any data binding or interactivity.

Ttobyviz
81% match
Loading thumbnail…

Fork of Hello HTML

This example shows a simple SVG face made of three circles: two black eyes and a yellow outlined face, all centered within a 960 by 500 pixel viewport. The code uses plain HTML and inline SVG elements, including the `<svg>`, `<circle>`, and `fill` and `stroke` attributes, with no external JavaScript libraries. It is a minimal fork of a basic HTML page and demonstrates how static vector shapes can be drawn directly in the browser without any data binding or interactivity.

VVishal Grover
81% match