Skip to main content
SimilarExport ZIP
100%

activity6task3q1

✓ Published0🌍 Public
Ssudheervnarasimha1@gmail.com
Last edited Oct 25, 2024
Created on Oct 24, 2024
Forked from activity6task3

This scatter plot visualizes the relationships between height and weight in a small dataset, with points colored blue for males and pink for females. The visualization uses D3 v6 and renders as an SVG, loading data from a CSV file. It uses `scaleLinear` for both axes, `extent` to calculate domains, and `axisLeft` and `axisBottom` to draw the axes. The plot is displayed full-screen, with circles positioned according to the scaled data values.

AI-generated description

We are Displaying the IRIS dataset using Scatter plot.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity6_Question3

This scatter plot visualizes the relationship between height and weight for individuals, colored by gender. It displays data points as circles with a tooltip showing exact values on mouseover, along with labeled axes and a color-coded legend. The visualization loads data from a CSV file via `d3.csv` and renders with SVG. It uses D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs to map data to coordinates, axes, and categorical colors for male and female observations.

AAreeba Hassan
91% match
Loading thumbnail…

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

Question3

This scatter plot visualizes a small dataset of six people, mapping their height on the x-axis and weight on the y-axis, with each point colored blue for males and pink for females. The chart uses D3 v6’s `scaleLinear` for continuous axes, `axisBottom` and `axisLeft` for tick labels, and SVG circles for marks. While the code also computes age and height for potential `rx` and `ry` attributes, the rendered circles retain a fixed radius of 7 pixels, so these extra variables do not affect the visual encoding.

Ssatvikreddy79@gmail.com
88% match
Loading thumbnail…

Activity8_Question3

This scatter plot visualizes the relationship between height and weight, with points colored by category to reveal grouping patterns. The visualization renders as an SVG generated with D3.js v7, using `d3.csv` to load data from a remote GitHub repository and `d3.scaleLinear` for axis scaling. Points are drawn as SVG circles and colored via `d3.scaleOrdinal`, with interactive tooltips appearing on mouseover. The chart includes axes and a legend created through custom drawing functions, all styled through a separate CSS file.

Vvishnupriyapalagiri@gmail.com
88% 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
86% match
Loading thumbnail…

Acticity6_q3

This scatter plot visualizes the relationship between height and foot size, with individual data points colored by gender (sky blue for male, light green for female). The visualization loads CSV data from a GitHub repository, scales the height and foot measurements using D3 linear scales, and renders circles as SVG markers. It constructs axes using D3’s `axisLeft` and `axisBottom` functions, with labels added manually. The code uses D3 v6 features like `csv`, `select`, `scaleLinear`, and `extent` to process the data and generate the interactive chart.

Cchinnivikramnunna@gmail.com
86% match
Loading thumbnail…

Fork of HTML Starter

This scatter plot visualizes the relationship between height and weight for individuals in a demographic dataset, with points colored by gender (blue for male, pink for female). The visualization uses D3 v6 to load CSV data from a GitHub repository, then renders circles on an SVG canvas. D3's `scaleLinear` and `extent` functions map the raw measurements to pixel coordinates, while `axisLeft` and `axisBottom` create labeled axes for weight and height. The chart fills the browser window and includes custom axis label styling.

Ssahithya.voleti@gmail.com
85% match
Loading thumbnail…

act_8_q_3.6

This scatter plot uses the D3.js library (v6) to visualize the relationship between age and height from the heights dataset. It encodes each individual's sex through circle color, with male data points shown in sky blue and female points in orange, while the plot axes are labeled and scaled using D3's linear scale and axis functions. The visualization loads CSV data from an external URL, maps the height and age columns to the x and y axes, and renders the marks as SVG circles.

Ssairam.amaraneni22@gmail.com
85% match