Isha Singh

@isingh4·3 public vizzes

Untitled

A choropleth map of the United States displays county-level poverty rates, colored with a threshold scale using a green sequential scheme. The visualization includes a legend with a color bar and labeled ticks. The code uses D3 v5 and the `d3.geoPath` and `d3.scaleThreshold` APIs, along with TopoJSON for US county boundaries and a CSV data file for the rates.

Apr 14, 2022

Loading thumbnail…

Boxplot of Sex vs Age of Skin Cancer 100 Patients

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.

Apr 6, 2022

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.

Apr 6, 2022