Skip to main content
SimilarExport ZIP
100%

SCATTER PLOT

✓ Published2🌍 Public
CChaturyaAkhilaPallem@my.unt.edu
Last edited Mar 17, 2024
Created on Mar 17, 2024

A scatter plot displays the relationship between height and weight, with each point colored by BMI using the Viridis color scale and a colorbar legend. The code fetches a CSV dataset from a GitHub gist and parses it with PapaParse, then maps the Height (cm), Weight (kg), and BMI columns to create a Plotly.js trace. The plot is rendered in a div with the ID “scatter-plot” using `Plotly.newPlot`, specifying axis titles and a chart title. This example demonstrates how to load external data and create an interactive, color-encoded scatter plot with minimal configuration.

AI-generated description
MIT Licensed

Similar vizzes

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

SCATTER PLOT by chaturya

This dual-panel chart compares BMI against height and weight across individuals using a bar chart layout. The left panel displays BMI values as green bars, while the right panel shows height and weight as paired orange and blue bars, respectively. Built with React and D3, the visualization uses `scaleBand` and `scaleLinear` for axes, with `csv` loading data from a GitHub-hosted BMI dataset. Custom axis groups rotate x-axis labels for readability, and rounded bar corners add polish. The SVG rendering clearly contrasts the three metrics, though the title in the provided code does not match the requested scatter plot description.

CChaturyaAkhilaPallem@my.unt.edu
84% match
Loading thumbnail…

SCATTER PLOT by chaturya

The visualization displays a dual-panel bar chart comparing BMI alongside height and weight measurements for individuals loaded from a CSV dataset. The left panel renders BMI values as a single set of rounded bars, while the right panel shows grouped bars for height and weight side by side. Built with React and D3 v5, it uses `d3.csv` to parse the data, `scaleBand` and `scaleLinear` to map categorical names and continuous values, and `axisBottom`/`axisLeft` to generate axes. The chart encodes the quantitative channels through bar lengths, with distinct colors differentiating height and weight in the second panel.

CChaturyaAkhilaPallem@my.unt.edu
83% match
Loading thumbnail…

3D Scatter Plot

This example uses a Plotly 3D scatter plot to visualize the relationship among Height, Weight, and Body Fat from a Body Mass Index dataset. The code loads CSV data with D3 and maps the columns to the x, y, and z axes, rendering individual points as colored markers. The layout defines custom axis titles and fonts while margins are minimized, and the final chart is drawn into a div using `Plotly.newPlot`.

HHarshinireddyy19
81% match
Loading thumbnail…

BONUS 1: 3D Scatter Plot

This 3D scatter plot displays the relationship between height, weight, and body fat percentage, using the Plotly.js `Plotly.newPlot` method to render a `scatter3d` trace. The visualization reads CSV data via D3.js (`d3.csv`) from a GitHub-hosted `bmi.csv` file, mapping each axis to the corresponding attribute. Data points appear as navy circular markers with 0.8 opacity, while the layout defines green axis titles for each dimension. The chart is embedded in an HTML page with a Plotly and D3 script setup.

Rrallabandisushen@gmail.com
80% match
Loading thumbnail…

People BMI 3D Scatter Plot

This example displays a 3D scatter plot of people’s Body Mass Index (BMI) using height, weight, and index values loaded from a CSV file. The plot renders pink elliptical markers in three-dimensional space, with axis titles for Height, Weight, and Index styled in brown. It uses the Plotly `scatter3d` trace type via `Plotly.newPlot` to draw the visualization, while D3’s `csv` function handles data loading and parsing. The layout configuration sets margins and custom axis title fonts.

RRupeshGandham
80% match
Loading thumbnail…

3D Scatter Plot

This example visualizes body mass index data with an interactive 3D scatter plot, mapping height, weight, and body mass onto the x, y, and z axes. The visualization uses Plotly’s `scatter3d` trace type, rendered inside a `div` via the `Plotly.newPlot` API. Data is loaded asynchronously from a CSV file using D3’s `d3.csv` method, with a custom `unpack` function extracting each attribute into arrays. Markers appear as pink circles with fixed size and opacity, while axis titles are styled in red within the layout’s scene configuration.

LLakshmipriya-kalapala
79% match
Loading thumbnail…

BONUS ICE SCATTER PLOT

This example visualizes a 3D scatter plot of body measurements, plotting Height, Weight, and BMI as points in three-dimensional space. The data comes from a CSV file loaded via `d3.csv`, and each marker is rendered as a black circle with defined opacity and size. The visualization is built using the Plotly.js `scatter3d` trace type and the `Plotly.newPlot` API, with axis titles styled in distinct colors. The layout configures margins and scene axes to frame the data within a minimal HTML page.

Ssrivalliwuyyuru
78% match