vaishumamidi3@gmail.com

@VaishnaviM02·5 public vizzes

Fork of Donut

This bar chart displays the average stress level for various occupations, using a horizontal layout with a sequential plasma color scale. The visualization is built with D3.js (v7), utilizing `d3.select`, `d3.csv`, `d3.rollups`, and `d3.scaleBand`/`d3.scaleLinear` to process and aggregate data from a remote CSV file. Bars are drawn as SVG rectangles, with axis labels and a title, all rendered in an SVG container.

Mar 23, 2025

Loading thumbnail…

Birthday Cake

This example draws a birthday cake on an HTML5 Canvas using JavaScript. The visualization shows a three-layer cake with golden frosting, red candles with flames, and fruit toppings including strawberries, kiwi slices, and chocolate chips, along with a "Happy Birthday!" greeting text. The code uses Canvas 2D API methods such as `fillRect`, `quadraticCurveTo`, and `arc` to construct the shapes directly, with no external libraries or data sources.

Feb 16, 2025

Loading thumbnail…

Fork of Birthday cake

This example renders a chocolate and caramel donut with sprinkles, chocolate chips, love symbols, and cherries on an HTML canvas. The code uses the Canvas 2D API, including `getContext`, `arc`, and `fillText`, to draw each decoration at random positions along the donut’s ring. The visualization is purely generative, with every refresh producing a new random arrangement of toppings.

Feb 16, 2025

Loading thumbnail…

1

A pure HTML and CSS example renders a cupcake with a brown base, pink frosting, a cherry, and angled sprinkles. It demonstrates the VizHub V3 runtime environment, which supports continuous hot reloading and interactive widgets. The code uses standard CSS styling techniques including flexbox, border-radius, and box-shadow, with no JavaScript libraries or external data sources. The visual composition relies entirely on positioned div elements and CSS properties to build the static illustration.

Feb 13, 2025

Loading thumbnail…

1

This example shows the initial state of a VizHub version 3 project, a blank slate that demonstrates the runtime environment’s core setup. The visualization is built using an exported `main` function that receives a container DIV and an options object with `state` and `setState`. The code configures the container’s dimensions and initializes an empty state, serving as a minimal starting point for creating interactive data visualizations with continuous hot reloading.

Feb 13, 2025