Skip to main content
100%

Gist 4fd2027fce22d7cd0c0df0face9bba2c

✓ Published0🌍 Public
Aadamjanes
Last edited Mar 17, 2018
Created on Mar 17, 2018

This scatterplot shows the relationship between grade point average and height in centimeters, with each point representing an individual. The visualization uses D3.js to render the axes, employing `d3.axisBottom` for the x-axis and `d3.axisLeft` for the y-axis. Axis labels are appended directly to the axis groups, with the x-axis titled "Grade Point Average" and the y-axis rotated to read "Height / Centimeters." The data is plotted against these quantitative scales, though the underlying dataset is not visible in the code excerpt.

AI-generated description

Similar vizzes

Loading thumbnail…

Gist c2eea6a36d935cfbe01d807d9b149d0e

A scatterplot of student grade point averages against heights flickers between two datasets every second, swapping the points to show how the axes rescale to fit the new data. Built with D3.js, the visualization uses `d3.scaleLinear` to map the domains, `d3.axisBottom` and `d3.axisLeft` for the axes, and a `d3.interval` timer to trigger the update. The `update` function reuses existing circles via `enter` and `exit` selections, appending new ones with a radius of 5 and filling them grey.

Aadamjanes
88% match
Loading thumbnail…

Gist 8548490d909ebd28976aae6f26b74048

A scatterplot drawn on an HTML canvas displays each record from a dataset as a grey circle, with horizontal position mapped to GPA and vertical position mapped to height. The code uses D3.js to select the canvas element and append circle elements for every item in the `data0` array, setting their `cx` and `cy` attributes accordingly. The visualization shows the distribution of GPA against height, with a fixed radius of 5 pixels for all points.

Aadamjanes
83% match
Loading thumbnail…

Gist dea55f0103ffa19a24d77facd9624b58

Two small scatterplots compare GPA against height for two separate student groups, using circles positioned by Cartesian coordinates. The code loads data arrays with six and nine points respectively, then renders them with D3.js, likely via `d3.forceSimulation` for layout or a standard scale-based plot. Each dot encodes the paired numerical values, and the minimal styling keeps focus on the distribution difference between the datasets, though no axes or labels are drawn in the provided snippets.

Aadamjanes
83% match
Loading thumbnail…

Gist 4d4e90bc085ad356a5c5cac2755b91b9

A scatterplot maps student GPA on the x-axis against height on the y-axis, using D3.js to render circles with a fixed radius of 5 pixels and grey fill. The code binds data to circle elements via `d3.select("#canvas").selectAll("circle")`, then appends new circles with `.enter()` and positions them using the scale functions `x(d.gpa)` and `y(d.height)`. The example demonstrates basic SVG circle creation from an array of data objects, with no axes or interactivity shown.

Aadamjanes
82% match
Loading thumbnail…

Gist 1966586a209f68b2ce9a3826496a42d4

A scatterplot animates the transition of individual data points between two quantitative axes, plotting GPA against height. The D3.js code uses a single shared transition (`t`) to coordinate exit, update, and enter selections, moving circles vertically while fading opacity. Entering circles appear grey and semi-transparent at the baseline before transitioning to full opacity at their target height, while exiting circles fade back down. The animation relies on D3's data join and `transition` API to smoothly interpolate circle positions and opacity.

Aadamjanes
80% match
Loading thumbnail…

activity6task3q1

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.

Ssudheervnarasimha1@gmail.com
74% 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
74% match
Loading thumbnail…

my scatter plot

This scatter plot visualizes the relationship between weight and height for 500 individuals, with points colored by gender (orange for female, teal for male) based on data from a Kaggle CSV file. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, and `axisBottom` APIs to map the quantitative axes, rendering SVG circles with a radius of 5 pixels. Axis grid lines and text labels are styled via CSS, while the chart displays “PESO (g)” on the x-axis and “ALTURA (cm)” on the y-axis.

JJefferson Abreu
74% match