Skip to main content
SimilarExport ZIP
100%

Fork of Donut Platter

✓ Published1🌍 Public
Nnagasuryaharsha999@gmail.com
Last edited Feb 23, 2025
Created on Feb 23, 2025
Forked from Donut Platter

This visualization renders a pink-frosted donut with a plate, hole, and colorful sprinkles. It demonstrates fundamental SVG manipulation with D3.js v5, building each shape as an appended SVG element. The code uses `d3.select`, `svg.append`, and attribute setters to compose circles and paths, while generating random sprinkle positions with `Math.random()` and JavaScript loops. It also draws white drizzle lines using the D3 `path` helper.

AI-generated description

Demonstrates fundamental DOM manipulation using D3.js by making a smiley face whose eyebrows move.

MIT Licensed

Similar vizzes

Loading thumbnail…

Donut Platter

This example renders a decorative donut on a plate using D3.js. The visualization layers concentric SVG circles to form a gray plate, a brown donut base, and a matching hole, then adds a pink frosting arc via a custom path. A loop generates 50 randomly positioned and rotated colored rectangles as sprinkles, while eight white lines with rounded caps represent a drizzle pattern. The code uses D3’s `select` and `append` functions to build the SVG scene, with manual coordinate calculations for placement.

Nnagasuryaharsha999@gmail.com
92% match
Loading thumbnail…

Fork of Engaging and visually appealing image of donut

This example renders a colorful donut chart as a playful SVG illustration, depicting a chocolate dough with pink frosting, drips, randomly placed sprinkles, and a cherry on top. The visualization uses D3 v7 selections to append and style circles, rectangles, and a hole in the center, with sprinkles positioned using JavaScript’s `Math.random()`. The code demonstrates basic SVG shape construction and data binding through `selectAll().data().enter()` for the drips, showing how D3 can create decorative static graphics.

11002.greeshma@gmail.com
88% match
Loading thumbnail…

Fork of Fork of Donut

This example renders a chocolate donut with pink glaze and sprinkles on an HTML5 Canvas. The visualization uses the Canvas 2D API with functions like `ctx.arc`, `ctx.fill`, and `ctx.rotate` to draw the donut’s layers, drips, and decorative toppings. Randomly generated positions, sizes, and colors create the sprinkles and glaze variations. The code demonstrates procedural drawing of a food-themed graphic without relying on external libraries.

Uushasrimanchala@my.unt.edu
82% match
Loading thumbnail…

Plant

This example shows a stylized pink-frosted donut with rainbow sprinkles and white icing drizzle, rendered on a gray plate against a white background. Using D3.js v5, it demonstrates fundamental SVG DOM manipulation by appending circles, paths, and rectangles to a central group element. The code uses d3-selection methods like `select`, `append`, and `attr`, plus a loop generating random sprinkle positions and a path for the frosting, all with static coordinates rather than data binding.

Ssowmyakancharla01@gmail.com
82% match
Loading thumbnail…

Engaging and visually appealing image of donut

This donut chart uses D3 v7 to draw an engaging, stylized image of a donut entirely in SVG. The visualization builds the treat by layering circles for the dough and chocolate frosting, adding random chocolate drips and colorful sprinkles, and placing a cherry on top. The code uses `d3.select` and `d3.append` to construct SVG elements, with attributes for positioning and rotation. It also employs a white circle for the hole, creating a clear visual separation between the data representation and the decorative elements.

11002.greeshma@gmail.com
81% match
Loading thumbnail…

Fork of myDonut

This example shows a chocolate donut with colorful sprinkles, rendered as a static canvas visualization. The code uses the Canvas 2D API to draw a dark brown outer ring and a light inner hole, then randomly places 30 sprinkles in five different colors across the donut’s surface. The drawing logic relies on `ctx.arc` for the donut shapes and sprinkles, with colors applied via `fillStyle` and positions computed using trigonometric functions and random angles. The visualization is generated entirely in JavaScript with no external libraries.

Nniveshsyreddy@gmail.com
81% match
Loading thumbnail…

Fork of Fork of Blank Slate with Hot nice

This D3.js visualization renders a three-tiered birthday cake with distinct pastel layers, frosting scallops, candles with gradient flames, and decorative toppings like sprinkles and strawberries. The SVG is created dynamically using `d3.select().append()` to build shapes, while `d3.path()` constructs the curved frosting paths. Randomly positioned line elements generate the sprinkles, and radial gradients define the candle flames. The cake sits on an elliptical stand, with a bold text title anchoring the composition. The code explicitly sets the SVG dimensions and viewBox, with all elements drawn procedurally rather than from an external dataset.

NNita
81% match
Loading thumbnail…

Engaging and visually appealing image of donut

This donut chart uses D3.js version 7 to render a visually appealing SVG donut with a chocolate base, pink frosting, glaze drips, and colorful sprinkles. The code constructs the donut using SVG circles, rectangles for sprinkles, and a white circle for the hole in the center. All elements are randomly positioned and styled with various colors, creating a playful and engaging data visualization example.

11002.greeshma@gmail.com
80% match