Bhumika Srinivas

@bhumikasrc·4 public vizzes

Fork of D3 Starter

This example displays the text “Hello D3 version 7” prominently on a blank page, with the body styled at a very large font size. It demonstrates a minimal D3 setup, selecting the `body` element and setting its text content via the `d3.select` API. The page loads D3 v7 from unpkg and executes the logic in `index.js` through a bundled script. No external data is used; the visualization is purely a static text rendering.

Mar 8, 2022

Loading thumbnail…

Dot Plot

This dot plot visualizes average chocolate ratings by company location, filtering to show only locations with ratings above 3.0. It uses p5.js to load a CSV dataset via `loadTable()`, compute averages, and render the plot on a canvas. Each row displays a location name and its corresponding average rating, with points positioned horizontally based on a transformed rating value using exponentiation. The chart includes axis lines and tick marks, with text labels drawn for each data point.

Feb 5, 2022

Loading thumbnail…

p5.js example

This example displays a static red canvas with a single black ellipse at its center. The page is built with a minimal HTML structure and styled with CSS to remove default margins and padding. The sketch uses the p5.js library, specifically the `createCanvas`, `background`, and `ellipse` functions within the `setup` and `draw` calls. The code currently contains commented-out sections for loading and processing CSV data, but they are not active in this version.

Feb 2, 2022

Loading thumbnail…

Untitled

This example renders a static yellow rectangle on a gray canvas using the p5.js library. The sketch creates a 500 by 500 pixel drawing surface and draws a single filled shape with a fixed position and size. It loads a chocolate ratings dataset from a CSV file but does not visualize the data. The code uses p5.js functions including `createCanvas`, `background`, `fill`, and `rect` in the `setup` and `draw` methods.

Feb 2, 2022