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

100%

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

✓ Published5🌍 Public

Last edited Oct 23, 2021

Created on Oct 12, 2021

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.

AI-generated description

This visualization is a D3 scatterplot of age vs. weight from the CDC Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

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.

RRidhima Saxena

92% match

Loading thumbnail…

Line Plot of BMI vs Age

This visualization displays the relationship between age and weight from the CDC GenlHealth dataset, with each data point represented as a circle on a scatterplot. The axes are scaled linearly using `scaleLinear`, with extents calculated via `d3.extent`. Circles are appended to an SVG canvas using `selectAll` and `.join()`, with left and bottom axes generated through `axisLeft` and `axisBottom` functions. The chart fills the browser window, using the full viewport dimensions for width and height. Data loading is handled asynchronously through the `csv` function with a custom row parser that converts string values to numeric types.

RRidhima Saxena

84% match

Loading thumbnail…

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.

RRidhima Saxena

83% match

Loading thumbnail…

SCATTER PLOT 11703795

This scatter plot displays the relationship between age and weight using a reusable function pattern. The visualization renders steelblue circles with 70% opacity on an SVG canvas, with axes labeled "Age" and "Weight." Built with D3 v7, the code defines a `scatterPlot` factory function that supports configurable width, height, data, and accessor methods. It uses `d3.scaleLinear` for both x and y scales, `d3.axisBottom` and `d3.axisLeft` for the axes, and loads data from a CSV file hosted on GitHub Gist via `d3.csv`.

MMeghanaChowdaryVelaga@my.unt.edu

83% match

Loading thumbnail…

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.

RRidhima Saxena

82% match

Loading thumbnail…

CDC Dataset: Exercise vs. Weight

This D3.js scatterplot visualizes the relationship between exercise habits and body weight using CDC survey data, with each semi-transparent circle representing an individual. The x-axis maps binary exercise status (0 or 1), while the y-axis shows weight, though random jitter is added to x-coordinates to reveal data density. The visualization uses d3.csv for data loading, d3.scaleLinear for both axes, and d3.axisLeft/axisBottom for tick marks. Circle opacity is set to 0.1, creating darker regions where many overlapping points cluster, and the SVG canvas fills the entire browser window.

RRidhima Saxena

82% match

Loading thumbnail…

Activity6_task3_3

This scatter plot visualizes the relationship between age and weight from a synthetic health dataset. The visualization encodes each data point as a circle, with position determined by age on the x-axis and weight on the y-axis. The chart uses d3.scaleLinear for both axes and d3.axisBottom/axisLeft to render tick marks. The code colors points based on gender using d3.scaleOrdinal and includes a shapeLegend function that displays the color mapping. The data is loaded via d3.csv from a GitHub-hosted CSV file and rendered as SVG elements.

Vvemurisuchitha@gmail.com

81% match

Loading thumbnail…

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.

SSathviKankanala@my.unt.edu

81% match