Skip to main content
SimilarExport ZIP
100%

SCATTER PLOT 11703795

✓ Published0🌍 Public
MMeghanaChowdaryVelaga@my.unt.edu
Last edited Apr 2, 2025
Created on Apr 2, 2025

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`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

SCATTER PLOT 2

This scatter plot visualizes the relationship between height and weight, with each point colored steelblue and displaying BMI details on hover via a tooltip. Built with D3.js v7, it uses `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` to map the quantitative axes, with circles representing data points. The SVG rendering includes axis titles and a 24px plot title, while interactive mouseover events update a positioned tooltip div. The reusable `createScatterPlot` function demonstrates a modular approach to chart construction.

CChaturyaAkhilaPallem@my.unt.edu
85% 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

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

area chart

This area chart visualizes the relationship between age and weight, with age on the x-axis and weight on the y-axis, using a steelblue filled path. The D3.js v7 code loads a CSV dataset from a remote GitHub gist, parses it with `d3.csvParse`, and sorts the data by age. It then applies `d3.scaleLinear` for both axes and an `d3.area` generator to create the smooth region, rendering the chart as an SVG with labeled axes and a title.

RRakesh Kumar Chekuri
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
81% match
Loading thumbnail…

D3 of Scatter Plot

This scatter plot shows the relationship between pet age and weight, with each circle representing an individual pet. The visualization uses a D3.js v7 SVG rendering pipeline to map data points, with `d3.scaleLinear` for both axes and `d3.extent` for domain calculation. The chart includes axis labels and applies a teal fill with 0.6 opacity to the circles. Data is loaded asynchronously via `d3.csv` from a remote gist source, and the axes are generated using `d3.axisBottom` and `d3.axisLeft`.

Sshabanasyed2266@gmail.com
80% match
Loading thumbnail…

Reusable D3 Scatter Plot jahn

This animated scatter plot explores the relationships between physical attributes—weight, age, body fat, and height—using a dataset of individuals. It visualizes the data points as colored circles, where orange represents males, blue represents females, and black marks unspecified genders. The chart cycles through different variables on the x-axis at set intervals, while the y-axis remains constant, allowing viewers to see how the distribution shifts across various dimensions. Built with D3, the visualization leverages `csv` for data loading, `scaleLinear` for axes, and the custom `scatterPlot` module to render the SVG and manage the animation.

Ssaijahnaviappineni
79% match