CDC Dataset: Exercise vs. Weight

Scatterplot of CDC Dataset describing Age (in Years) vs. Weight (in Pounds)

This D3.js scatterplot visualizes the relationship between age (in years) and weight (in pounds) using CDC health data. The plot encodes each individual as a circle, with x-coordinates representing age and y-coordinates representing weight, using linear scales for both axes. The visualization employs D3's `csv` loader to parse the remote dataset, `select` to manage the SVG container, and `scaleLinear` to map data values to screen coordinates. The code constructs the chart with `axisLeft` and `axisBottom`, and renders all data points as SVG circles.

82% match

Scatter Plot of CDC Data with Menus

This data visualization displays a scatter plot of U.S. CDC health data, allowing users to explore relationships between variables like age, weight, and exercise. The chart uses two dropdown menus to select which quantitative or categorical columns map to the x- and y-axes, with points updating via d3's transition API. The implementation leverages d3's scaleLinear and scalePoint for axis scaling, and the selection.join method for incremental rendering of circles and axes. The plot renders as SVG with a 1-second animated transition, using the CDC General Health dataset fetched via CSV.

78% match

Scatterplot of CDC Dataset describing Age (in Years) vs. Weight (in Pounds) for Males and Females

This scatterplot visualizes the relationship between age (in years) and weight (in pounds) for males and females from a CDC dataset. Points are colored by gender using `scaleOrdinal` with a color legend, and all circles render with 30% opacity to reveal overlapping data. The visualization uses React with D3 v5 scales (`scaleLinear`) to map data to SVG coordinates, with custom axis components for the bottom and left sides. Axes, titles, and labels are added as SVG text elements, while hover tooltips provide precise values via native SVG `<title>` elements.

77% match

SSathviKankanala@my.unt.edu

Scatter Plot

This scatter plot visualizes the relationship between age and weight in kilograms, with each point colored by workout type from the lifestyle.csv dataset. The visualization uses D3.js v7 with SVG rendering, implementing linear scales for both axes, an ordinal color scale with the Tableau10 scheme, and gridlines for readability. Interactive tooltips appear on hover, while axes are labeled and accompanied by a legend. The code includes a fallback dataset if the CSV file fails to load, and it cleans the data by filtering out non-numeric values.

75% match

General Health vs Weight

This bar chart visualizes the relationship between general health ratings and weight using CDC survey data, with bars colored by gender. The visualization uses React to render SVG elements and D3 scales (scaleBand for health categories, scaleLinear for weight) to position marks. ColorLegend communicates gender encoding, while AxisBottom and AxisLeft components display tick marks. The chart highlights how weight distributions vary across self-reported health levels, with bars extending horizontally from zero to represent weight values for each health category.

Physical Health vs BMI Scatter Plot

This scatter plot visualizes the relationship between physical health and body mass index (BMI) using a dataset from Heart2020Cleaned.csv. Each blue circle with a black stroke represents an individual data point, with BMI mapped to the x-axis and PhysicalHealth to the y-axis. The visualization uses d3.v7’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the axes, while circles are appended to an SVG via `selectAll` and `enter`. The code, written in plain JavaScript, also makes use of D3’s `csv` function for asynchronous data loading.

Cchandanagandla

Weight/Weight Desired for Males and Females

This scatterplot shows the relationship between age and weight-to-desired-weight ratio for males and females, using semi-transparent circles colored by gender. The visualization loads CDC health data via `d3.csv` and renders it as an SVG with React components. Axes are built with custom `AxisBottom` and `AxisLeft` components using `d3.scaleLinear`, while a `d3.scaleOrdinal` color scale differentiates genders. A `ColorLegend` component displays the categorical color mapping, and each circle includes a native SVG `<title>` element for hover tooltips.

Activity8_Question3

This D3.js scatter plot visualizes the HeightsAndWeights dataset, showing the relationship between height and weight for individuals, with points colored by gender (sky-blue for females, red for males). The chart loads data from a remote CSV file using the `d3.csv` API, then scales the x and y axes with `d3.scaleLinear` and renders the plot as SVG. It includes labeled axes for height and weight, and uses the `axisLeft` and `axisBottom` functions to generate ticks. The layout adapts to the window size, and the plot is rendered with circular markers.

Zzoe.romo@att.net