Skip to main content
SimilarExport ZIP
100%

Fork of slice

✓ Published0🌍 Public
Llathabemanadham@my.unt.edu
Last edited Feb 23, 2025
Created on Feb 23, 2025

A fork of the Slice example draws a strawberry cheesecake using D3.js v7 with SVG rendering. The code constructs the dessert from layered geometric shapes: rectangles form the crust and cheesecake layers, an ellipse creates the strawberry glaze, and circles represent strawberries and whipped cream. Green triangles serve as strawberry leaves, while a path provides a chocolate drizzle. All shapes are positioned absolutely on a 500x500 canvas, with data arrays defining strawberry and whipped cream positions through `forEach` loops.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of slice

This example renders a simple three-layered cake using React with D3.js (v6) and SVG. It draws stacked rectangles for the cake layers, adds randomly positioned red circles as sprinkles, and places fixed circles as strawberries on top. A white rectangle represents the candle with an orange circle for the flame. The visualization uses D3's selection and append methods to construct the SVG elements, with styling applied via an external CSS file.

Llathabemanadham@my.unt.edu
86% match
Loading thumbnail…

Fork of slice

This visualization draws a three-layered birthday cake with a candle, flame, sprinkles, and strawberries using static SVG shapes. The code builds the scene with D3 v6 by appending rectangles for cake layers and the candle, circles for sprinkles, strawberries, and the flame, and positions elements through SVG transform and coordinate attributes. Random sprinkle positions are generated with d3.range and Math.random, while the cake is centered via a translate transform.

Llathabemanadham@my.unt.edu
85% match
Loading thumbnail…

image of a strawberry cheesecake

This example draws a strawberry cheesecake using D3.js v7 with SVG shapes. It shows the dessert’s layered structure—a graham cracker crust, creamy filling, red strawberry glaze, and toppings—built from rectangles, ellipses, circles, triangles, and a curved path. The code selects a container div, appends an SVG canvas, and sets attributes like fill colors and stroke widths for each element. D3’s selection and append methods are used to create the simple geometric illustration programmatically.

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

image of a cake

This example uses D3.js (v7) to draw a stylized strawberry cheesecake as a static SVG scene. The visualization layers a graham cracker crust, a creamy cheesecake filling, and a red strawberry glaze using SVG shapes like rectangles, ellipses, and circles, with green triangles for leaves and white circles for whipped cream. The code constructs the image procedurally by appending each element to the SVG canvas, using arrays to position repeated strawberries and cream dollops, and a curved path for chocolate drizzle. It serves as a playful, non-data-driven demonstration of D3's shape-drawing and layout capabilities.

Ppreethimedipelli@my.unt.edu
80% 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
77% match
Loading thumbnail…

Fork of Fork of HTML Starter

This example uses D3.js v7 to draw a stylized pizza as an SVG composition of concentric circles and evenly distributed toppings. The code builds the pizza from a light-brown dough base, tomato-red sauce, and golden cheese layer, then adds spinach ellipses and purple pepperoni circles positioned mathematically using trigonometric formulas, along with randomly placed chili flakes. All elements are created through D3's `select`, `append`, and `attr` chain on an SVG canvas, with toppings positioned using polar coordinates converted to Cartesian coordinates.

Yybross2000@gmail.com
76% match
Loading thumbnail…

Fork of Let's make a face with D3.js!

This example demonstrates how to build a stylized ice cream sundae with D3.js, using fundamental DOM manipulation to append and position SVG shapes. It constructs a bowl from an ellipse, adds scoops as circles, and layers a chocolate drizzle via the `d3.arc` generator. The visualization also includes a cherry with a stem and random sprinkles colored from `d3.schemeCategory10`, showing how to create a complete graphic using only `select`, `append`, and attribute setters on a 960×500 SVG canvas.

NNyakundi Jnr
75% match
Loading thumbnail…

Fork of Fork of ice-7 q2

This example displays a pie chart with labeled slices, where each slice’s color corresponds to a categorical label and its size reflects a numeric value. The visualization is rendered as static SVG using D3.js v6, with the chart centered in a 500×500 viewport and slice labels placed at each arc’s centroid. Data is loaded asynchronously from a remote JSON file via `d3.json`. The chart uses `d3.pie` to compute arc segments, `d3.arc` for path geometry, and `d3.scaleOrdinal` with `d3.schemeCategory10` to assign colors.

Bbhargavinalamothu@gmail.com
74% match