Skip to main content
SimilarExport ZIP
100%

Scatter Plot

✓ Published0🌍 Public
SSathviKankanala@my.unt.edu
Last edited Oct 21, 2025
Created on Oct 21, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter plot2

This scatter plot visualizes the relationship between an individual's age and the calories they burn, with each point colored according to the workout type from the lifestyle.csv dataset. The D3.js v7 code loads the CSV data and uses `d3.autoType` for parsing, then employs `d3.scaleLinear` for the x and y axes and `d3.scaleOrdinal` with `d3.schemeSet2` for categorical color encoding. The SVG rendering includes axis labels, a title, tooltips on each point, and a legend positioned within the chart.

SSathviKankanala@my.unt.edu
89% 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…

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

Scatter Plot_Final

This scatter plot compares weight against calories burned, with each point colored by workout type (Strength, HIIT, Cardio, Yoga) using `d3.scaleOrdinal` and `d3.schemeCategory10`. It loads data from an external CSV via `d3.csv`, renders circles in an SVG, and includes gridlines, axis labels, a legend, and a hover tooltip. Animation is not present in the code; the visualization relies on static SVG rendering with interactive mouseover events.

SSathviKankanala@my.unt.edu
81% match
Loading thumbnail…

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.

RRidhima Saxena
81% match
Loading thumbnail…

Area chart

This area chart displays the relationship between age and weight, using a dataset loaded from a raw CSV file hosted on GitHub. The data is parsed, sorted by age, and rendered as a filled area plot within an SVG canvas. The visualization is built with D3.js v7, employing `d3.text` to fetch the data, `d3.scaleLinear` for axis scaling, `d3.area` to generate the area path, and `d3.axisBottom` and `d3.axisLeft` for labeled axes, with a steelblue fill and a clear title.

JJagadeshwar Reddy. Chilakamarri
79% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between weight loss and number of days across genders, with an animated axis cycling through three data dimensions every two seconds. Built with D3.js v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `circle` elements update via data joins. The chart sources CSV data from a GitHub gist and animates through Gender, Weightloss, and Numberofdays columns using `setInterval`. SVG rendering with CSS styling provides a clean, interactive presentation.

PPavaniMangugari
79% match
Loading thumbnail…

Activity 7.1.2

This area chart visualizes the relationship between age and weight, plotting individual data points as a filled pink area. The visualization loads a CSV file from GitHub and sorts the data by age. It uses D3.js v7 with `d3.csvParse` and `d3.extent` for scale domains, then draws the area with the `d3.area` generator. The SVG includes labeled axes for age and weight, plus a title.

Ttejaswiteju9811@gmail.com
79% match