scatter plot of blood pressure measurement with target range

100%

scatter plot of blood pressure measurement with target range

✓ Published0🌍 Public

Last edited May 7, 2021

Created on May 3, 2021

This example shows a scatter plot of blood pressure measurements, with systolic pressure on the x-axis and diastolic pressure on the y-axis for twelve individuals of both sexes. A semi-transparent peach-colored rectangle marks the target range (systolic 90–140, diastolic 60–90), highlighting measurements outside this range. The visualization uses Vega-Lite with a layered specification: a rectangular mark for the target region and point marks for the data, with explicit scale domains for both axes. Data is embedded directly in the specification as JSON values.

AI-generated description

Similar vizzes

Loading thumbnail…

scatter plot of blood pressure measurement with size and shape

This scatter plot displays systolic versus diastolic blood pressure measurements for twelve individuals, with point size encoding BMI and point shape distinguishing biological sex (male versus female). The visualization uses a Vega-Lite specification with a layered point mark, where filled circles are positioned on fixed quantitative scales for both blood pressure axes. The code defines a quantitative size encoding for BMI and a nominal shape encoding for sex, while disabling grid lines for a cleaner presentation. Data comes from an inline JSON array within the specification, rendering through Vega-Lite’s declarative API.

Aalex-rind

82% match

Loading thumbnail…

Rob's Scatter Plot

This scatter plot visualizes diastolic versus systolic blood pressure for patients in the Dominican Republic, with the area of each circle encoding the patient's age and color indicating gender. Built with D3 v4, the chart uses `d3.scaleLinear` for both axes, `d3.scaleOrdinal` with `d3.schemeCategory10` for color encoding, and `d3.legendColor` to display the gender legend. Data is loaded from a CSV file using `d3.csv`.

RRobertDelgado

70% match

Loading thumbnail…

Rob's Scatter Plot

This scatter plot displays the relationship between patient age and systolic blood pressure, with each point colored by gender. Built with D3.js v4, the visualization uses a linear scale for both axes and an ordinal color scale with a legend. Data from a CSV file of Dominican Republic patient records is rendered as SVG circles, with axis labels and a color legend generated using the d3-legend library.

RRobertDelgado

70% match

Loading thumbnail…

scatter plot of diabetes patients with healthy area

A scatter plot shows glucose levels on the x-axis and BMI on the y-axis for seven diabetes patients, with a semi-transparent rectangular region highlighting the healthy glucose range (60–120) and healthy BMI range (18.5–25). The visualization uses a Vega-Lite layered specification: a rect mark defines the healthy area with fixed datum values, while circle marks encode patient data from inline JSON. The code sets a fixed width of 500 pixels and applies a 0.1 fill opacity to the background rectangle, leaving the points fully visible for comparison against the highlighted zone.

Aalex-rind

69% match

Loading thumbnail…

Data set on Heart attack possibility

This visualization plots serum cholesterol against resting blood pressure, with each point representing a patient from the Heart Disease UCI dataset. Circle size encodes age, while color distinguishes gender, and tooltips reveal heart attack risk classification. Built with Vega-Lite and D3.js, the scatterplot uses quantitative scales for both axes and nominal color encoding for sex, drawing data from a CSV fetched via d3.csv.

AAbdul Salam Almadani

68% match

Loading thumbnail…

task8_q3

This scatter plot visualizes a diabetes dataset, plotting blood pressure against glucose levels. Each circle is colored skyblue for non-diabetic outcomes and lightgreen for diabetic outcomes, with the circle's horizontal and vertical radii encoding skin thickness and insulin values. The visualization is built with D3 v6, using `csv` to load the data, `scaleLinear` for axes, and `axisLeft`/`axisBottom` for ticks. The SVG rendering fills the full window, with axis labels and a title styled in green and blue.

LLakshmiPrasannaValdas@my.unt.edu

67% match

Loading thumbnail…

Data analisis heart disease

The visualization is a scatter plot examining heart disease risk factors, plotting serum cholesterol against resting blood pressure, with point size encoding age and color distinguishing gender. The chart uses the Vega-Lite API to render the dataset from the UCI Heart Disease repository, sourced via a Kaggle-hosted CSV file. The tooltip displays the heart attack possibility target value. The code relies on vega-lite-api's `markCircle` and `.encode` methods, with data loading handled by `d3.csv`. The plot uses a dark-themed custom config for axis styling and readability.

Llimeroc

67% match

Loading thumbnail…

Task3

This scatter plot visualizes the relationship between resting blood pressure and serum cholesterol in a heart disease dataset, with each circle colored by chest pain type (skyblue for typical angina, lightgreen for atypical angina, orange for non-anginal pain, and red for asymptomatic). Created with D3 v6, the visualization renders as an SVG in the browser, loading CSV data from a GitHub gist. It uses `d3.scaleLinear` for both axes, `d3.axisLeft`, `d3.axisBottom`, and `d3.select` for rendering circles and labels, with a data-driven fill color function mapping categorical values.

Sshanmukhivasa@my.unt.edu

66% match