Cancer CORGIS Box Plot

100%

Cancer CORGIS Box Plot

✓ Published1🌍 Public

Last edited Feb 12, 2024

Created on Feb 12, 2024

A box plot summarizes US cancer death rates for individuals over 64, sourced from the CORGIS dataset and rendered with the p5.js library. The visualization loads a CSV and draws a single box and whiskers, with the box spanning the interquartile range and a line marking the median. Axis labels and evenly spaced tick marks map numeric values between the minimum and maximum observed rates. Quartile calculations are performed manually, and the canvas dynamically resizes with the browser window.

AI-generated description

Visualization of the State Crime Rate data from the CORGIS dataset made with p5js. Please fullscreen for proper axis display.

MIT Licensed

Similar vizzes

Loading thumbnail…

Cancer CORGIS Histogram

This visualization displays the distribution of US cancer death rates per 100,000 people, using data from the CORGIS dataset. It shows a histogram where each bar represents the frequency of states falling within a ten-unit rate range, with pink bars and labeled axes. The code uses the p5.js library to load the CSV data via `loadTable`, compute bin counts, and render the chart with mapped coordinates. Grid lines and axis ticks are drawn manually, with a rotated y-axis label for the count.

NNoah C.

89% match

Loading thumbnail…

Pie Chart

This pie chart visualizes cancer deaths across different countries, using a CSV dataset fetched from a GitHub gist. The D3 v5 code renders SVG arcs with distinct colors, labels each segment with the death count in thousands, and includes a legend with country names and values. It leverages D3's `pie`, `arc`, `scaleOrdinal`, and `csv` APIs to compute arc geometries, map data to colors, and load the external data. The chart is centered within a 960x500 SVG canvas.

Vvarun-030

70% match

Loading thumbnail…

ICE-6 Impact of Cancer Deaths 2019

This interactive visualization displays cancer mortality trends in the United States from 1990 to 2019, plotting individual yearly death counts for fifteen distinct cancer types as colored dots. The scatterplot uses SVG circles rendered through React and D3, with each cancer type assigned a unique color and an interactive tooltip revealing exact death numbers on hover. Built with D3 scales (`scaleTime`, `scaleLinear`), axes (`axisLeft`, `axisBottom`), and event handlers, the chart reads from a CSV dataset filtered for USA records, making temporal patterns across cancer categories immediately comparable.

AAsrar Al Qassem

69% match

Loading thumbnail…

Fork of Reusable D3 Scatter Plot

This animated scatter plot cycles through four cancer types in the U.S., plotting yearly death rates using D3’s reusable chart pattern. Each type—liver, breast, prostate, and thyroid cancer—is represented by a different symbol (star, square, circle, square), with the data updating every two seconds. The chart uses SVG rendering and smooth transitions, with axes labeled "Years" and "Number of Death", while a dynamic title indicates the currently displayed cancer type.

Rrobertotienonyaranga@gmail.com

69% match

Loading thumbnail…

ICE-6 Cancer Deaths 2019

A horizontal bar chart displays cancer death counts across cancer types in the USA for 2019, using data from a CSV file filtered to the year and country. Built with React and D3 v5, the visualization renders SVG rectangles whose widths animate over eight seconds via `transition()` based on a linear scale. Categorical colors from `schemeCategory10` distinguish each cancer type, with axes generated by `axisBottom` and `axisLeft`. The data is loaded with `d3.csv` and processed into a flat array for scaling and rendering.

AAsrar Al Qassem

69% match

Loading thumbnail…

p5 box plot

This p5.js visualization displays a box plot of infection counts across US states from 1970 to 1980, using a dark-themed canvas. It renders the box, whiskers, median line, and outlier points from a CSV dataset, with axis labels and gridlines. The sketch implements mouseover tooltips for the box and individual outliers, showing quartile values and summary statistics. The code relies on p5.js functions like `map`, `loadTable`, and custom quantile calculations to position elements.

AAndrew

68% match

Loading thumbnail…

Box Plot

This box plot visualizes the distribution of COVID-19 case counts across selected countries, showing min, first quartile, median, third quartile, and max values using a vertical whisker-and-box layout. The chart is built with React and D3 v5, using `scaleLinear` and `scaleBand` for positioning, `d3.nest` and `d3.quantile` to compute summary statistics, and SVG `rect` and `line` elements for rendering. Data comes from a CSV file of global COVID-19 figures, filtered to include only countries with at least 5,500 new cases.

CChristian Magelssen

68% match

Loading thumbnail…

A6 Sequential Color Barchart

This example visualizes total cancer deaths by U.S. state using a sequential color barchart. The bars encode the death count by height while their color reflects the death rate per 100,000 people, ranging from light to dark red. Hovering over a bar reveals precise values via a native title tooltip. The chart is built with D3 v7, using `d3.scaleBand` and `d3.scaleLinear` for axes, `d3.scaleSequential` with `d3.interpolateReds` for color, and the `d3-legend` plugin to display the color threshold legend. Data comes from the CORGIS dataset, rendered as SVG.

NNoah C.

68% match