Assignment2.2 - Scatter Plot

100%

Assignment2.2 - Scatter Plot

✓ Published0🌍 Public

Last edited Mar 14, 2026

Created on Mar 14, 2026

This scatter plot shows the relationship between patient age and symptom severity for mental health telehealth appointments, with each circle representing an individual patient. The chart filters the source CSV data to include only records where the specialty is `mental_health`, then plots age on the x-axis and symptom severity on the y-axis using D3 v7’s `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` APIs. Points are rendered as green SVG circles with 60% opacity, and the visualization includes labeled axes for “Patient Age” and “Symptom Severity.”

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment2.2 - Box Plot

This visualization presents a box plot chart showing the distribution of patient ages across various medical specialties. It is rendered as an SVG graphic using D3.js v7, with interactive data grouping performed by the script. The box plots display quartiles (q1, median, q3) and whiskers (min, max) derived from the patient age data in the telehealth_appointments.csv file. The x-axis lists specialties, while the y-axis shows patient age, with median lines highlighted in white for clarity.

TTony Mai

81% match

Loading thumbnail…

Reusable Scatter plot aSSIGNMENT

This interactive scatter plot visualizes healthcare data, plotting patient age against cholesterol levels with gender-based color coding (blue for male, pink for female). The visualization includes labeled axes, a title, and a legend, with a periodic redraw every five seconds. Built with D3.js, it uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs within a reusable `scatterPlot` function, rendering SVG elements. Data is loaded asynchronously via `csv` from a GitHub-hosted healthcare dataset, demonstrating a modular approach to creating configurable chart components.

Vvineelaramulapalli32

77% match

Loading thumbnail…

Fork of Scatter Plot with Shape

This visualization is a scatter plot showing the relationship between patient age and heart rate, with data points shaped by gender. It uses D3 v7 to render symbols from the `symbolsFill` set, mapped via `scaleOrdinal`, and includes a custom legend for the shape encoding. The plot leverages `scaleLinear` for both axes and fetches healthcare data from a remote CSV. Key APIs include `d3.csvParse`, `d3.extent`, `d3.axisLeft`, `d3.axisBottom`, and the `d3.symbol` generator for drawing point shapes.

Aaniteshterala2000

77% match

Loading thumbnail…

Basic Scatter Plot

This static SVG scatter plot displays the relationship between patient age (x-axis) and TKTL1 index (y-axis), with points colored by negative status via a categorical color legend. Built with D3 v4, it uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for ticks, and `d3.legendColor` for the color key, rendering circles with `fill-opacity` 0.6 from a CSV dataset.

TTaraZhu

77% match

Loading thumbnail…

Activity8Task3

This scatter plot visualizes insurance data, showing the relationship between a patient's age and their insurance charges. Each point represents an individual, with colors encoding the patient's region of residence. The visualization is built using D3 v6, with a linear scale mapping age to the x-axis and charges to the y-axis. Data is loaded asynchronously from a remote CSV file via `d3.csv`, and circles are appended to an SVG container using data joins, with axes rendered by `axisBottom` and `axisLeft`.

BBindumadhavi

77% match

Loading thumbnail…

Assignment 4

A scatterplot displays the relationship between patient age and cholesterol levels from a heart disease dataset. Each circle represents one patient, positioned by age on the x-axis and cholesterol on the y-axis. The visualization is built with React and D3 v7, using `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` to render axes and circles. Data loads from a CSV file with numeric fields formatted before the chart renders.

AAbhi Yammanuru

76% match

Loading thumbnail…

Assignment2.2 - Bar Chart

This bar chart displays the total number of telehealth appointments per medical specialty, with each bar’s height representing the case count. The visualization loads data from a CSV file using D3 v7, employs `d3.scaleBand` and `d3.scaleLinear` to position bars, and renders the SVG`rect` elements with value labels. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, while the chart includes labeled axes for specialty and total cases.

TTony Mai

75% match

Loading thumbnail…

Assignment2.2 - Line Graph

A multi-line chart displays telehealth device usage trends across patient age groups, comparing the frequency of desktop, tablet, and smartphone appointments. The code processes a CSV file, grouping patient ages by decade and counting device types. Three distinct SVG line paths, colored steelblue, green, and orange, represent each device category. The visualization uses d3.csv for data loading, d3.scaleLinear for x and y axes, d3.line for path generation, and d3.axisBottom and d3.axisLeft for the chart's axes.

TTony Mai

75% match