Skip to main content
SimilarExport ZIP
100%

Scatterplot for peng bird dataset

✓ Published0🌍 Public
FFremont
Last edited Apr 30, 2024
Created on Apr 30, 2024

This scatterplot visualizes the relationship between ground living area and sale price for properties from the world-data-2023.csv dataset. Each circle represents a data point, with position determined by the d3.scaleLinear mappings for the x and y axes. The visualization uses d3.js v6 within a React framework, rendering as an SVG. The code loads data via d3.csv, creates axes with d3.axisBottom and d3.axisLeft, and appends circles with attributes for x, y, and radius.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Untitled

A scatter plot displays the relationship between ground living area in square feet and sale price for individual properties. Each black circle represents a home, with position encoding both variables along linear axes. The visualization uses D3 v4’s `scaleLinear`, `axisBottom`, and `axisLeft` to render the chart in SVG within a React framework. Data loads from an external CSV file via `d3.csv`, plotting 1.5-pixel-radius circles without additional encoding.

TTharun2022
78% match
Loading thumbnail…

My Scatter Plot!

This scatter plot visualizes the relationship between ground living area and sales price for apartments, with each data point rendered as a semi-transparent green circle. The chart uses D3 v5’s `scaleLinear` for both axes, `extent` to compute domains, `axisLeft` and `axisBottom` for labeled axes with gridlines, and an SVG group to position the marks. Data is loaded from a CSV hosted on GitHub via `d3.csv`, with numeric conversion applied before rendering.

NNathan Cheever
76% match
Loading thumbnail…

Scatterplot for peng bird dataset

This scatterplot visualizes the Palmer Penguins dataset, plotting flipper length against body mass for three penguin species, with each species encoded by color. The chart uses D3 v6 to load CSV data, apply linear scales with `scaleLinear`, and render SVG circles via `selectAll` and `join`. It also displays axes using `axisLeft` and `axisBottom`, with custom labels and a title. The visualization relies on D3’s `extent` for domain calculation and scales for positioning, with data parsed from a remote CSV file.

Ttejasrikotipalli1@gmail.com
74% match
Loading thumbnail…

Fork of Fork of Fork of Scatterplot for peng bird dataset

This example displays a scatter plot of country-level data from the world-data-2023.csv file, plotting life expectancy on the x-axis and birth rate on the y-axis. The visualization uses D3 v6’s `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs to parse the data, map the scales, and render SVG circles with color-coded markers. Despite a title referencing penguin species, the code actually maps each circle’s color based on a species field, while axis labels incorrectly reference flipper length and body mass, reflecting a mismatch between the intended and actual data display.

HHOURPRIMERA@GMAIL.COM
72% match
Loading thumbnail…

Fork of Scatter Plot

A scatter plot visualizes house sale prices over time, with each data point colored by property type and bedroom count. Interactive dropdown menus let users choose which columns to map to the X and Y axes. The visualization uses d3.csv for data loading, d3.scaleLinear for axis scaling, d3.axisBottom and d3.axisLeft for grid lines, and d3.transition with attribute tweening for animated circle placement. Data comes from a CSV file containing sale dates, median prices, property types, and bedroom counts.

Ddaniel
72% match
Loading thumbnail…

Fork of Fork of Scatterplot for peng bird dataset

This example visualizes country-level data from the world-data-2023 CSV, plotting birth rate on the x-axis against calling code on the y-axis, with circle radius encoding infant mortality. The visualization uses d3.csv to load the dataset, d3.scaleLinear for both axes, and d3.axisBottom/axisLeft to render them. Circles are drawn using SVG with d3’s join method, styled in teal, and log data to the console on mouseenter. The chart is built in React with d3.v6, rendering in a fixed 900x400 SVG canvas.

Bbepnye@gmail.com
72% match
Loading thumbnail…

Fork of Scatterplot for peng bird dataset

This scatter plot visualizes the Palmer Penguins dataset, showing flipper length on the x-axis against body mass on the y-axis, with each point colored by species (green for Adelie, blue for Chinstrap, gray for Gentoo). The visualization uses D3 v6’s `scaleLinear`, `axisLeft`, and `axisBottom` to map scales and render axes within an SVG. Data is loaded asynchronously via `d3.csv` from a GitHub gist, with numeric fields parsed on ingestion. Point positions are computed using the `extent` function for domain scaling, and circles are joined to the SVG using `selectAll` and `join`.

Cchris.shimotake@gmail.com
71% match
Loading thumbnail…

Penguin Data set scatter Plot

This scatter plot visualizes the Penguin dataset, mapping `__year_resale_value` on the x-axis and `body_mass_g` on the y-axis, with points colored by penguin species using a custom marker function. The visualization uses D3 v5’s `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to render axes and scales, while SVG circles are positioned with the `join` pattern. Data is loaded asynchronously from a CSV via `d3.csv` and rendered inside a React app with an SVG canvas.

Ssiddu7147
71% match