Skip to main content
SimilarExport ZIP
100%

Charater Height vs Weight Scatterplot

✓ Published4🌍 Public
LLeah Mitchell
Last edited Mar 19, 2022
Created on Sep 14, 2021

A scatterplot displays the height and weight of Marvel characters, with each point representing a character. The visualization uses D3 v6 to load CSV data, scale linear axes, and render SVG circles. Axes are positioned using `scaleLinear` and `axisLeft`/`axisBottom`, while a zoom behavior is defined but not applied to the plot. Points are initially placed at the origin and styled with CSS hover effects, which change their fill color and opacity when moused over.

AI-generated description

Height versus weight scatterplot of marvel characters.

Data from: https://gist.github.com/LeahMitchell/8ad46fbcac8d7420bcd5b97b1a245f43#file-readme-md

MIT Licensed

Similar vizzes

Loading thumbnail…

Charater Height vs Weight Scatterplot Pt. 2

A scatterplot maps Marvel characters’ weight against height, with each point colored by alignment (green for good, dark red for bad, grey for neutral). Hovering highlights a point in blue, while character names are rendered as labels directly beside each circle. The visualization uses D3 v5 to load CSV data, scale linear axes, and render SVG elements, with axes labeled for pounds and feet. Height values are converted from centimeters to feet before plotting, and the chart applies fixed margins and an interactive hover effect via CSS.

LLeah Mitchell
95% match
Loading thumbnail…

Fix of Scatterplot Marvel Data

This scatterplot displays the relationship between Height and Weight for Marvel characters, with each point representing a character. The visualization uses D3.js v6 to load CSV data from a GitHub Gist, scale the axes with `scaleLinear`, and render SVG circles. Points are styled with a grey fill and black stroke, and hovering changes their appearance to red, enhancing interactivity through CSS `.point:hover` rules.

CCurran Kelleher
87% match
Loading thumbnail…

Scatterplot w/Brushing

A scatterplot explores whether taller Marvel characters are inherently stronger, plotting Strength against Height for each character. The visualization uses D3 v5 to render SVG circles, with point size reflecting a character’s total stats and color indicating alignment (good, bad, or neutral). A brush interaction filters the x-axis values, updating the chart’s visible points. React structures the application, while the data comes from a CSV file of Marvel character attributes loaded via `d3.csv`.

LLeah Mitchell
78% match
Loading thumbnail…

Scatterplot for ICE6

A scatterplot visualizes the relationship between character Strength and Height, addressing whether taller characters are inherently stronger. Each circle represents a Marvel character, with position encoding both attributes, fill color indicating alignment (good, bad, or neutral), and radius scaled by total power score. The visualization supports brushing interactions on the x-axis to filter data. Built with React and D3 v5, it uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.brush functions, rendering as SVG with animated transitions.

Vvenkatajayanth03
78% match
Loading thumbnail…

Height vs. Weight Scatterplot

This scatterplot visualizes the relationship between height (in centimeters) and weight (in kilograms) for six individuals. It uses D3.js v6 to render an SVG chart with a linear scale for each axis, including axis labels. The data is embedded as a CSV string and parsed with `d3.csvParse`. Circles are positioned using `d3.scaleLinear` and appended via `selectAll().data().enter().append()`. Axes are generated using `d3.axisBottom` and `d3.axisLeft`.

VVenkat-Sumith-Thota
78% match
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
76% 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
75% 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
74% match