sumikshab

@sumikshab·2 public vizzes

Histogram

This histogram visualizes the average Body Mass Index of CDC survey participants by age, using binned age groups and an indigo bar chart overlaid on an SVG canvas. The code imports specific D3 v7 modules like `bin`, `scaleLinear`, `axisLeft`, and `axisBottom` to generate the binning, axes, and gridlines. It computes BMI from weight and height data loaded via `csv()`, then renders the bars with color fills and white strokes.

Dec 7, 2021

Loading thumbnail…

Hello Sumiksha

This example displays the text “Hello Sunshine” in large, centered type on a blank page. It demonstrates the simplest possible D3.js DOM manipulation by using `d3.select('body').text()`, which replaces the body’s content with the string. The page’s styling comes from a CSS rule that sets the font size and text alignment. The code loads D3 v6 from a CDN and runs the selection inside an inline script tag, showing a basic pattern for combining D3 with static HTML and CSS.

Dec 2, 2021