Activity 8_Q4.A4

100%

Activity 8_Q4.A4

✓ Published0🌍 Public

Last edited Apr 13, 2024

Created on Apr 13, 2024

A bubble chart displays patient age and sodium-to-potassium ratio, with bubble size encoding the count of patients per drug and color distinguishing drug types. The visualization uses D3 v6 to load CSV data from a GitHub repository, render SVG circles, and apply scales via `d3.scaleLinear`, `d3.scaleSqrt`, and `d3.scaleOrdinal`. Axes, labels, and a legend are added using `d3.axisLeft` and `d3.axisBottom`, with data aggregated through `d3.rollup`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity 8_Q3.A3

This scatter plot visualizes the relationship between patient age and the sodium-to-potassium ratio, with points colored by drug type to reveal potential patterns across categories. The visualization uses D3 v6 to load a CSV dataset from GitHub, applies linear scales for both axes, and renders circles on an SVG canvas. The code employs `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.schemeCategory10` for color encoding, with axis labels and a legend generated programmatically to clarify the drug categories and measurement units.

SSeema Shrestha

88% match

Loading thumbnail…

Activity6_Question6

This scatter plot visualizes the relationship between patient age and Na-to-K ratio, with each point colored by drug type. It loads a CSV dataset from a GitHub repository and renders an SVG using D3 v6. The code uses `d3.csv` for data loading, `d3.scaleLinear` for axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.scaleOrdinal` with `d3.schemeCategory10` for drug categories. A custom legend maps colors to drug names, and axis labels are added via appended text elements.

KKhushi Desai

83% match

Loading thumbnail…

Activity-8_Task4UN

This bubble chart visualizes the correlation between heart rate, systolic blood pressure, and age, with point size encoding age and color encoding risk level. Built with D3 v7, it renders as an SVG with tooltips on hover, while a legend displays age-to-size mapping. The chart uses d3.scaleLinear for axes and bubble sizing, plus d3.scaleOrdinal with interpolateTurbo for categorical colors, reading data from bubblechart.csv.

Uuzairnaeem15@gmail.com

78% match

Loading thumbnail…

Activity6_Q4

This bubble chart visualizes the relationship between researchers’ citation counts, ages, and paper publication numbers, with bubble size encoding publication count and color distinguishing individual researchers. The chart uses D3.js v7 to load CSV data, render SVG circles, and implement interactive tooltips that display full details on hover. Axes, labels, and a custom legend are built using D3 scales like `scaleLinear` and `scaleOrdinal`, with mouse event handlers controlling tooltip visibility and position.

Nnikhithadadi@my.unt.edu

76% match

Loading thumbnail…

Activity6_q4

A bubble chart visualizes fertility, life expectancy, and population size for countries, using circle position for the first two variables and radius for population. The chart includes a color-coded legend by country and interactive tooltips that display the country name on hover. Built with D3 v7, it loads CSV data, renders SVG circles, and uses D3 scales for axes, bubble size, and ordinal color mapping with the interpolateTurbo color scheme.

Cchinnivikramnunna@gmail.com

76% match

Loading thumbnail…

activity6_Task4

This visualization is a bubble chart that shows the relationship between student age, course, CGPA, and year of study, using data from a mental health survey. The x-axis maps age, the y-axis maps course, bubble size represents CGPA, and color distinguishes year of study. D3 v7 API calls such as `scaleLinear`, `scalePoint`, and `scaleOrdinal` are used to position and style the circles, while `d3.csv` loads the data and `d3.axisBottom` and `d3.axisLeft` render the axes. The chart is rendered as an SVG with a tooltip for interactivity.

Nnissisharon61@gmail.com

76% match

Loading thumbnail…

Activity6 - Q4

A bubble chart displays electronics data, plotting screen size on the x-axis against price on the y-axis, where each circle’s radius encodes horizontal resolution. Built with D3 v7, it uses `d3.csv`, `d3.scaleLinear`, and SVG circles, with an interactive tooltip triggered by `mouseover`, `mousemove`, and `mouseleave` events. The chart animates opacity on hover, and axes are generated via `d3.axisBottom` and `d3.axisLeft`.

Ppravallikachowdary16518@gmail.com

76% match

Loading thumbnail…

Bubble Chart be

A bubble chart displays the relationship between maximum heart rate and resting blood pressure, with bubble size encoding age and color indicating the slope of the ST segment. The visualization uses D3 v7 with SVG rendering, employing `d3.scaleLinear` for position and radius, `d3.scaleOrdinal` with `schemeSet1` for colors, and `d3.axisBottom` and `d3.axisLeft` for axes. Data is loaded from a CSV file using `d3.csv`.

Ssamithareddy9@gmail.com

75% match