Skip to main content
SimilarExport ZIP
100%

my scatter plot

✓ Published0🌍 Public
JJefferson Abreu
Last edited Jul 23, 2019
Created on Jul 15, 2019
Forked from Hello VizHub

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.

AI-generated description

Gráfico que exibe a comparação de peso x altura de 500 pessoas. Dados analisados apartir do cvs Kaggle.

MIT Licensed

Similar vizzes

Loading thumbnail…

Weigh/Height Comparison on Gender

This scatter plot compares height and weight across genders, with each circle representing an individual and color-coded by gender. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to map data from a CSV file onto an SVG canvas. Points are rendered as semi-transparent red circles, with axes labeled “Height” and “Weight” and a title “Height/Weight.” The code loads data from VizHub, parses numeric fields, and applies margins and tick formatting to create a clean, readable chart.

Cceltic660
84% match
Loading thumbnail…

Weigh/Height Comparison on Gender

This scatter plot visualizes the relationship between height and weight across genders using a dataset from UCI Machine Learning Repository. The visualization displays individual data points as semi-transparent red circles, with height mapped to the x-axis and weight to the y-axis using D3 v5’s `scaleLinear` functions. The code employs D3’s `csv` loader to fetch external data, `axisBottom` and `axisLeft` for tick marks, and SVG circle elements for rendering. Axes labels and a title are added to clarify the quantitative comparisons shown.

Cceltic660
83% match
Loading thumbnail…

Weigh/Height Comparison on Gender

This scatter plot compares weight and height across genders, with each red circle representing an individual’s measurements. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes and gridlines, while `csv` loads the gender weight and height dataset from VizHub. The SVG rendering emphasizes correlation patterns, though gender differentiation is not visualized despite the title. Data preprocessing converts string values to numbers via unary plus operations before plotting.

Cceltic660
82% match
Loading thumbnail…

Weigh/Height Comparison on Gender

This scatter plot compares weight and height across genders, with each red circle representing an individual’s measurements. The chart uses D3 v5’s `scaleLinear`, `axisBottom`, and `axisLeft` to construct axes and gridlines, while `csv` loads the gender weight and height dataset from VizHub. The SVG rendering emphasizes correlation patterns, though gender differentiation is not visualized despite the title. Data preprocessing converts string values to numbers via unary plus operations before plotting.

Cceltic660
82% match
Loading thumbnail…

D3 Scatter Plot H/W finalised

This scatter plot visualizes the relationship between height and weight for individuals ranging from newborns to over 20 years old, using a self-generated dataset stored as a CSV on GitHub. The SVG rendering uses D3 v6’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to map the data points, with each circle representing a single observation. Hovering over a point transitions its fill to orange, while the axes include labeled weight and height scales. The chart is styled with the Share Tech font and positioned using absolute CSS elements.

CChawin Sungwalngern
81% match
Loading thumbnail…

Weigh/Height Comparison on Gender With Menus

This scatter plot compares height and weight across gender, using data loaded from a CSV file. It includes dropdown menus for filtering by category, though the menu options are placeholders. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while circles represent individual data points. The chart is defined within a single `render` function that attaches to a pre-selected SVG element.

Cceltic660
80% 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
80% match
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
79% match