Skip to main content
SimilarExport ZIP
100%

Boxplot of Sex vs Age of Skin Cancer 100 Patients

✓ Published2🌍 Public
IIsha Singh
Last edited Apr 6, 2022
Created on Apr 6, 2022
Forked from Hello VizHub

This example shows side-by-side boxplots comparing the age distribution of 100 skin cancer patients by sex, with age on the y-axis and sex on the x-axis. The plot uses d3.csv to load patient data, d3.nest with rollup to compute quartiles, medians, and interquartile ranges, and d3.scaleBand and d3.scaleLinear for axes. Boxes, median lines, and vertical whiskers are drawn as SVG rect and line elements. The data source is a remote CSV file, rendered with d3.v4.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Boxplot of Sex vs Age of Skin Cancer 100 Patients

This visualization compares the age distribution of skin cancer patients by sex using side-by-side box plots. The chart displays quartiles, medians, whiskers, and outliers for each group, with age on the y-axis and sex on the x-axis. Built with D3 v4, it loads CSV data from a GitHub gist and uses d3.nest() and d3.quantile() to compute summary statistics, then renders the boxes, median lines, and axes as SVG elements.

Vvryvarma5577@gmail.com
93% match
Loading thumbnail…

Bar Chart: Age Patients Are Diagnosed In What Location

This bar chart shows the age at which patients are diagnosed with skin cancer across different body locations, with bars colored in teal. The x-axis lists the localization sites with rotated labels, while the y-axis displays age from 0 to 90. Built with d3.v4, it loads CSV data from a GitHub gist, uses `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and renders both axes and bars as SVG elements.

IIsha Singh
77% match
Loading thumbnail…

Box Plot

This example displays a horizontal box plot summarizing the distribution of age values from a hepatitis C patient dataset. The chart shows the minimum, first quartile, median, mean, and maximum as colored lines and a rectangle, with whiskers extending to the full data range rather than using the 1.5 IQR rule. Built with React and D3 v6, it computes statistics using d3.min, d3.max, d3.quantile, and d3.mean, scales the x-axis with d3.scaleLinear, and renders SVG elements through reusable AxisBottom and BoxPlot components.

WWaseem Medhat
69% match
Loading thumbnail…

Age vs BMI Bubble Chart

This visualization is a multidimensional scatter plot that maps age on the x-axis against BMI on the y-axis for approximately 250 individuals, with each bubble’s size encoding insurance charges and its color indicating gender. The chart uses a D3 v7 selection with data binding to append SVG circles, scaled with `d3.scaleLinear` for axes and `d3.scaleOrdinal` for the male/female color mapping. A legend explains bubble size ranges and gender colors, while axes are rendered via `d3.axisBottom` and `d3.axisLeft`. Data is loaded asynchronously from a CSV file using `d3.csv`.

VVishnu Sudireddy
67% match
Loading thumbnail…

Cancer Survival Rates

This visualization uses overlapping semi-transparent areas to compare cancer survival rates for females and males from 1977 to 2013. The chart highlights the trend in survival percentages over time for each sex, with pink representing females and light blue representing males. The code uses D3 v5’s `scaleTime`, `scaleLinear`, `area`, and `csv` to load and parse data, then renders the areas and axes via SVG. A legend and labeled axes clarify the visualization, which sources data from the five-year cancer survival rates by sex and race.

AAsrar Al Qassem
67% match
Loading thumbnail…

qu3.6

This scatter plot displays the relationship between age and income across a dataset, with each point colored by gender using a categorical color scale. The visualization loads CSV data from a GitHub repository and uses D3 v6 APIs including `scaleLinear`, `extent`, `axisLeft`, `axisBottom`, `scaleOrdinal`, and `schemeCategory10` to map values to positions and colors. The SVG rendering fills the browser window, with axes labeled and styled via D3 selections.

Yyashwanthkirla95@gmail.com
67% match
Loading thumbnail…

Heart Disease Scatter Plot

A scatter plot maps patient age against maximum heart rate achieved, with each circle colored by sex (red for female, blue for male). The visualization uses D3 v6 to load CSV data from a GitHub Gist based on the Heart Disease UCI Kaggle dataset. SVG circles are positioned with d3.scaleLinear scales and axes are rendered via d3.axisLeft and d3.axisBottom. The plot reveals heart rate patterns across age groups and sex differences in the dataset.

RRyanYun0017
66% match
Loading thumbnail…

Medical Insurance Box Plots

This visualization displays box plots of medical insurance charges grouped by age decade and smoker status, revealing higher costs for smokers across all age groups. The chart uses D3 v7 with the d3-rosetta utility library, computing quartiles, medians, and whiskers from the CSV dataset. Each age decade shows paired box plots for smokers and non-smokers with interactive tooltips displaying summary statistics, alongside axis labels, a legend, and sample counts rendered through modular rendering functions.

Jjojongo15342@gmail.com
66% match