🌍 Public
Fork of Fork of Fork of Fork of Fork of Reusable D3 Scatter Plot
VVignesh Nallamothu
Last edited Apr 1, 2025
Created on Apr 1, 2025
This chart visualizes the sleep duration of 17 individuals as a smooth area graph, with the filled region emphasizing the distribution of hours per person. The SVG rendering is built using D3 v6, employing `d3.scalePoint`, `d3.scaleLinear`, `d3.area`, `d3.line`, and `d3.curveMonotoneX` to generate the shaded area and its boundary line. Custom CSS styles the area and line, while `d3.axisBottom` and `d3.axisLeft` produce rotated and labeled axes for the categorical names and numerical hours.
AI-generated descriptionMIT Licensed
Comments
Sign in to join the discussion.