Skip to main content
Log in
1

1002.greeshma@gmail.com

@Greeshu21·9 public vizzes

Loading thumbnail…

Engaging and visually appealing image of Gulab Jamun with Ice-cream

This example renders a stylized SVG illustration of Gulab Jamun with ice cream, a classic Indian dessert. The composition showcases a light grey serving dish filled with golden syrup, three dark brown dough balls, a vanilla ice cream scoop, and garnishes like pistachios and almonds. Built with D3.js v7, the code uses SVG primitive shapes such as `circle` and `ellipse` to construct the dish, with a hardcoded dataset for the dessert's components. The visual is generated entirely through code, with no external data source, creating a static yet engaging food image.

Feb 24, 2025
Loading thumbnail…

Fork of Engaging and visually appealing image of Gulab Jamun with Ice-cream

This visualization renders a stylized SVG dessert of Gulab Jamun served with vanilla ice cream in a bowl. The code uses D3.js v7 to construct geometric shapes—ellipses for the serving dish and syrup, circles for the dessert balls and melting ice cream drips, and rotated ellipses for pistachio and almond garnishes. Hardcoded data arrays define the positions and sizes of each element, with colors approximating the dish's appearance. The scene is centered using an SVG transform, illustrating a procedural approach to creating static, illustrative graphics.

Feb 24, 2025
Loading thumbnail…

Engaging and visually appealing image of macarons

This example uses SVG to render a stylized illustration of Gulab Jamun with Ice Cream, a popular Indian dessert. The visualization builds the scene through layered geometric shapes, including ellipses for the serving dish and syrup, circles for the fried dough balls and melting ice cream drips, and additional ellipses for garnishes. The code leverages D3.js v7 data joins to bind arrays of coordinates to elements, creating pistachio bits and almond slices, while using attribute setters to position and style each component. The result is a static, decorative composition demonstrating D3's capabilities for custom artistic rendering.

Feb 23, 2025
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.

Feb 23, 2025
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.

Feb 23, 2025
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.

Feb 23, 2025
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

A fork of the Blank Slate example demonstrates VizHub V3's hot reloading environment by rendering a simple SVG donut with D3. The visualization constructs a pink frosted donut with glaze drips, random sprinkles, and a cherry using d3.select, append, and attr methods. The code builds static SVG shapes within a 500x500 viewport, with sprinkles positioned randomly and rotated via transform. This serves as a minimal interactive development sandbox for exploring real-time code editing.

Feb 23, 2025
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example showcases a minimal "Hello World" visualization built for the VizHub V3 runtime environment, demonstrating its interactive widgets and continuous hot reloading. The code renders a single line of text inside a container, with its font size controlled by a numeric value that can be adjusted live by Alt-dragging in the editor. This setup highlights how the platform simplifies the entry point by using an exported `main` function that receives a `container` DIV, eliminating the need for an HTML file.

Feb 23, 2025
Loading thumbnail…

Fork of Blank Slate with Hot Reloading

This example showcases a minimal "Hello World" visualization built for the VizHub V3 runtime environment, demonstrating its interactive widgets and continuous hot reloading. The code renders a single line of text inside a container, with its font size controlled by a numeric value that can be adjusted live by Alt-dragging in the editor. This setup highlights how the platform simplifies the entry point by using an exported `main` function that receives a `container` DIV, eliminating the need for an HTML file.

Feb 21, 2025