Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Age Group v/s brought dead

Public visualization

Viewing a saved revision (read-only)

d0b7095007c84c47ae6f5a63dbd42aa7

Age Group v/s brought dead

0 stars0🌍 Public
Nnitinramagiri1@gmail.com
Last edited Sep 27, 2024
Created on Sep 27, 2024

This visualization shows the number of patients brought dead to a hospital, broken down by age group, with data ranging from 10 patients in the 0-20 age bracket to 120 patients in the 60-80 bracket. It uses a line chart where the x-axis represents age groups and the y-axis represents patient counts. The chart is rendered using D3.js APIs including `scaleLinear` for axes, `axisBottom` and `axisLeft` for tick marks, and `line` for generating the path. Rather than a thin line, the path is drawn with a stroke-width of 20 pixels, creating a thick band that emphasizes the trend across age categories.

AI-generated description

An approximation of a line chart using D3.js!

Watch the video and study the code to learn about:

  • SVG Path Elements
  • fill, stroke, stroke-width
  • stroke-linecap, stroke-linejoin
  • Vanilla HTML SVG Paths
  • D3.line
  • AI Assist

See also:

Full Playlist: Constructing Visualizations