Skip to main content
SimilarExport ZIP
100%

Scatter plot2

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

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Line Chart

This line chart visualizes the average calories burned by age, using data from a lifestyle CSV file. The code aggregates individual records by age and calculates the mean calories burned, then plots the resulting trend as a smooth, steel-blue line. Built with D3 v7, it employs `d3.csv` and `d3.autoType` for data loading, `d3.rollup` for aggregation, and `d3.scaleLinear` for axes. The SVG rendering uses `d3.axisBottom` and `d3.axisLeft` for ticks, and a `d3.line` path for the trend, with custom labels for both axes and the title.

SSathviKankanala@my.unt.edu
81% 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
80% match
Loading thumbnail…

Area Chart

This area chart visualizes the relationship between age and average calories burned, using a lightsteelblue filled area with a steelblue stroke. The visualization aggregates a lifestyle CSV dataset by computing the mean calories burned for each age value. Built with D3 v7, the code uses `d3.rollup` and `d3.mean` to group and summarize the data, then renders the result as an SVG path via the `d3.area()` generator. Linear scales for both axes, axis generators, and descriptive labels complete the chart.

SSathviKankanala@my.unt.edu
80% 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
79% match
Loading thumbnail…

Activity8_Task3

This scatter plot visualizes the relationship between age and BMI for individuals in an insurance dataset sourced from a GitHub-hosted CSV file. Each point represents a person, colored by their region using a D3 ordinal color scale with the `schemeCategory10` palette. The visualization uses D3 v6’s `csv` loader, `scaleLinear` for axes, and SVG circles for marks, with axis labels for Age and BMI. The chart is responsive, sizing its dimensions based on the window’s inner width and height, and includes axes generated via `axisBottom` and `axisLeft`.

Aanusharamana0@gmail.com
79% match
Loading thumbnail…

module 07 Q1

This scatter plot visualizes a synthetic fitness dataset of 150 individuals, showing the relationship between hours of exercise per week (x-axis) and calories burned per week (y-axis). The points are colored by four activity-level clusters—Sprinters, Marathoners, Crossfitters, and Yoga Enthusiasts—using a D3 ordinal color scale. Built with D3 v7, the visualization uses `d3.select`, `d3.scaleLinear`, `d3.scaleOrdinal`, and the `join` pattern to render axes, circles, and an interactive tooltip. The data is procedurally generated with a seeded random function to create natural-looking cluster distributions.

Aakshayamsgrad@gmail.com
78% match