Fork of Jake - The Dog

100%

Fork of Jake - The Dog

✓ Published1🌍 Public

Hharika-1929

Last edited Jun 18, 2022

Created on Jun 18, 2022

This visualization uses SVG to render a simplified, yellow dog face inspired by Jake from Adventure Time. It draws black and white circular shapes for the eyes, a larger mouth path, and an ellipse for the nose, all positioned within a 960 by 500 viewport. The page relies on basic SVG elements like `circle`, `path`, and `ellipse`, with a solid background color and no JavaScript libraries or data sources.

AI-generated description

Half way towards a smiley face.

MIT Licensed

Similar vizzes

Loading thumbnail…

Jake - The Dog

This example renders a stylized portrait of Jake, the dog from *Adventure Time*, using hand-coded SVG shapes. The image features two large black circles for the eyes, offset by smaller white circles to create highlights, and a distinctively shaped, open mouth composed of a circular outline and a curved, stroked path for the nose. The piece uses explicit SVG `circle` and `path` elements with `stroke`, `stroke-width`, and `fill` attributes, alongside a second `ellipse` for the nose interior, all placed on a flat orange background. The composition directly applies SVG coordinates and path data to achieve its flat, geometric cartoon aesthetic.

DDiego Mariano

84% match

Loading thumbnail…

Fork of Fork of Jake - The Dog

This example shows a static, React-rendered smiley face constructed from basic SVG shapes: a yellow circle for the head, red and blue eyes, a green rectangular nose, and a purple elliptical mouth, with an orange line bridging the eyes. The code uses React 16.9 and D3 v5, though D3 is loaded but not actively employed. The entire visualization is defined directly in the HTML via JSX-like SVG elements, with no data binding or interactive behavior. The rendering approach is purely declarative, hard-coded coordinates and dimensions, producing a simple geometric face rather than a data-driven chart.

SSai Hemanth Babu Sunkari

82% match

Loading thumbnail…

Fork of a Dog!!

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.

NNanditha Reddy

79% 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

76% match

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

76% 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

75% match

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization displays a simple, stylized face created with inline SVG elements. A large black circle with a yellow stroke forms the head, while two smaller yellow circles represent the eyes. The code uses raw SVG shape tags—`circle` elements for the head and eyes—rendered directly in the HTML within an SVG container sized at 960 by 500 pixels. The layout is static, with no animation or interaction, and the design is described as halfway toward a smiley face, lacking a mouth. The example is a fork of “Let's Make a Face Part I,” sourced from v3, and uses no JavaScript libraries.

RRonanJS60

75% match

Loading thumbnail…

Fork of data visulization

A yellow circle face with black eyes and an arc-shaped mouth is drawn in SVG. The code creates the face using d3 selections and attributes, setting the head as a large yellow circle, the two eyes as smaller black circles, and the mouth as a path generated with d3.arc using specified inner and outer radii and start and end angles. The visualization uses fixed pixel dimensions and demonstrates basic SVG shape construction with D3 v6.

AAkshay

74% match