Skip to main content
100%

scatter plot of blood pressure measurement with size and shape

✓ Published0🌍 Public
Aalex-rind
Last edited May 7, 2021
Created on May 3, 2021

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.

AI-generated description

Similar vizzes

Loading thumbnail…

scatter plot of blood pressure measurement with target range

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.

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
73% 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
73% 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
73% match
Loading thumbnail…

Scatter Plot - Project 16

This scatter plot visualizes a diabetes dataset, mapping glucose levels on the x-axis against BMI on the y-axis, with each point colored by outcome (red for positive, green for negative). It also encodes insulin and blood pressure values into the `rx` and `ry` attributes of the circles, creating elliptical markers. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the axes. Data is loaded asynchronously via `d3.csv` from a GitHub gist URL, with a custom row parser converting numeric fields.

Ggayuvurukuti@gmail.com
72% 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
71% match
Loading thumbnail…

Question3

This scatter plot visualizes a small dataset of six people, mapping their height on the x-axis and weight on the y-axis, with each point colored blue for males and pink for females. The chart uses D3 v6’s `scaleLinear` for continuous axes, `axisBottom` and `axisLeft` for tick labels, and SVG circles for marks. While the code also computes age and height for potential `rx` and `ry` attributes, the rendered circles retain a fixed radius of 7 pixels, so these extra variables do not affect the visual encoding.

Ssatvikreddy79@gmail.com
71% 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
70% match