Skip to main content
SimilarExport ZIP
100%

Rob's Scatter Plot

✓ Published0🌍 Public
RRobertDelgado
Last edited Sep 28, 2017
Created on Sep 28, 2017

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`.

AI-generated description

Built with blockbuilder.org

This graph shows Diastolic vs. Systolic Blood pressure of patients in the Dominican Republic who were treated for a variety of ailments.

The area of each cirle is also proprotional to age.

The data for this plot was obtained from the following source: Data Source

The specific file is called DominicanHTN.xls. (I then converted it to a csv file).

The plot was created from guidance from the following video: Video

I also had some help creating my legend from prof Kelleher.

forked from <a href='http://bl.ocks.org/RobertDelgado/'>RobertDelgado</a>'s block: <a href='http://bl.ocks.org/RobertDelgado/8d5567ffcdddfba2caf5a40c375b8ada'>Age vs. Systolic Blood pressure</a>

mit Licensed

Similar vizzes

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

Iterated Work: Heart Disease Scatter Plot

This scatter plot shows the relationship between patient age and maximum heart rate from the Heart Disease UCI dataset, with points colored by gender (crimson for female, dark blue for male). The visualization uses D3 v5 with SVG rendering, employing `d3.axisBottom` and `d3.axisLeft` for gridlined axes, `d3.scaleOrdinal` for the categorical color mapping, and the `d3-legend` library for the color legend. The data is loaded via `d3.csv` from a GitHub gist, with the sex attribute transformed from numeric codes to strings for labeling.

RRyanYun0017
73% match
Loading thumbnail…

Rob's scatter plot

Rob's scatter plot shows four points positioned by x and y values, with each point colored red or blue based on a categorical "cat" field. The plot uses D3 v4's `d3.scaleLinear` to map data coordinates to SVG pixel positions and renders circles with `g.selectAll("circle").data(data)`. Axis labels and scales are generated through `d3.axisBottom` and `d3.axisLeft`. The data is hardcoded in the script, and the SVG canvas is sized at 250 by 250 pixels with fixed margins.

RRobertDelgado
73% match
Loading thumbnail…

Data Summary

This example displays a plain-text summary of a blood pressure dataset from patients in the Dominican Republic, showing the row count, column count, file size, and per-column statistical summaries. The code loads the data with `d3.csv`, formats the summary using Datalib's `dl.format.summary`, and appends it to the page as a `<pre>` element. It relies on D3 v4 and the Datalib library to parse and analyze the CSV file.

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

Task3

This scatter plot visualizes a heart disease dataset, showing the relationship between resting blood pressure and serum cholesterol. Each circle represents a patient, with its color indicating chest pain type: sky blue for typical angina, light green for atypical angina, orange for non-anginal pain, and red for asymptomatic cases. The D3 v6 code loads CSV data, uses `scaleLinear` and `extent` to map axes, and renders SVG circles with the `join` pattern. Axis labels are added as SVG text elements, with the chart sized to the full `window.innerWidth` and `window.innerHeight`.

Sshanmukhivasa@my.unt.edu
72% match
Loading thumbnail…

Fork of Scatter Plot with Menus - Heart Disease Dataset

This scatter plot visualizes heart disease patient data from the UCI dataset, mapping age against maximum heart rate achieved. Users can dynamically change both axes via dropdown menus, selecting from quantitative variables like resting blood pressure or categorical options like patient sex. Built with D3 v6, the visualization uses `scaleLinear` and `scalePoint` for axis scaling, with smooth transitions animating circle positions and radii. The plot renders as SVG, with circles colored by patient sex (red for female, blue for male) and axis updates triggered through custom menu components dispatching change events.

RRyanYun0017
72% match
Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango
72% match