Skip to main content
SimilarExport ZIP
100%

My Scatter Plot!

✓ Published0🌍 Public
NNathan Cheever
Last edited Dec 29, 2019
Created on Dec 28, 2019
Forked from Cars 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.

AI-generated description

Doing my homework to recreate a new scatterplot from this source.

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

Scatter plot

This scatter plot displays the relationship between a house’s year built and its price. The x-axis represents the year of construction, while the y-axis shows the selling price. The code loads a CSV file using `d3.csv`, maps the data, and renders an SVG with `circle` elements. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, using linear scales. The data is sourced from a gist file linked in the code.

Qq4428611@gmail.com
78% match
Loading thumbnail…

Question 3

A scatterplot displays the relationship between GrLivArea and SalePrice from a two-numeric-column CSV dataset. D3 v4 loads data via `d3.csv` and renders SVG circles positioned by `d3.scaleLinear` scales for both axes. The chart includes axis generators `d3.axisBottom` and `d3.axisLeft` to label the plot, with points colored teal and sized at 1.5 pixels radius.

Jjaswanthreddy2715@gmail.com
77% match
Loading thumbnail…

Scatterplot for peng bird dataset

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.

FFremont
76% match
Loading thumbnail…

Fork of HTML Starter

This example displays a scatter plot of housing data, mapping living area (GrLivArea) on the x-axis against sale price (SalePrice) on the y-axis. Each data point is rendered as a small green circle using D3.js selections and the `append("circle")` method. The visualization loads a CSV dataset from a remote URL via `d3.csv`, and constructs linear scales with `d3.scaleLinear` to position the circles. Axes are generated using `d3.axisBottom` and `d3.axisLeft`. The plot is embedded within an HTML page styled with large, centered text.

Mmuzzheng
76% match
Loading thumbnail…

Activity6Question3

This scatter plot compares house sale price against living square footage for King County properties, with each point colored by waterfront status using an ordinal color scale. The D3 v6 visualization loads CSV data from a GitHub repository, converts numeric fields, and renders circles on an SVG canvas. Axis labels, ticks, and a custom legend are drawn using `d3.axisLeft`, `d3.axisBottom`, and manual SVG elements, employing `scaleLinear` for both axes and `scaleOrdinal` for the two-category color encoding.

Aalapati98@gmail.com
75% match
Loading thumbnail…

Activity6_Task3_Question

This interactive scatter plot visualizes housing prices against area, with color encoding furnishing status (furnished, semi-furnished, unfurnished) using a d3.scaleOrdinal with green, orange, and red. The SVG renders circles from CSV data loaded via d3.csv, with linear scales for axes, axis labels, a title, and a legend. D3 v6 handles all layout and styling through d3.select, scaleLinear, axisBottom, and axisLeft.

RRishithaGarnepudi@my.unt.edu
74% match