Scatter plot

100%

✓ Published1🌍 Public

Last edited Apr 18, 2024

Created on Apr 18, 2024

Forked from Pie 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.

AI-generated description

This is a bar chart about how the car's selling price corelated to it's producing year. The original dataset comes from Kaggle Dataset: Heart Disease UCI

This visualization shows The Github Gist: Heart Disease UCI

The XAxis represents the age of a certain patient The YAxis represents the maximum heart rate achieved.

MIT Licensed

Similar vizzes

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

82% 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

78% match

Loading thumbnail…

Seattle House Price Scatter Plot with Menus

This interactive scatter plot visualizes 2015 Seattle house prices, with each circle representing a home colored by number of floors. Users select X and Y axes from dropdown menus to explore relationships between attributes such as year built, price, living area, and lot size. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and `extent` for scaling, while SVG circles and custom `AxisBottom`, `AxisLeft`, `ColorLegend`, and `Marks` components handle rendering. The data loads via D3’s `csv` parsing from a GitHub Gist.

GGeniXiong

78% match

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

77% match

Loading thumbnail…

Activity6_Task3 Question 3

A scatter plot displays the relationship between house size (in square feet) and house price (in USD), with points colored by neighborhood category (red, green, blue). It loads a CSV from a GitHub URL using `d3.csv`, parses numeric fields, and scales the axes with `d3.scaleLinear` and `d3.extent`. The SVG chart is rendered via D3 v6, using `d3.axisLeft` and `d3.axisBottom` for labeled axes, with circles positioned through joins on the selection.

Vvemulasai306@gmail.com

77% match

Loading thumbnail…

Fork of Simple Scatter Plot

This scatter plot displays the relationship between house size in square feet and the number of bedrooms, using data from a Boston Houses dataset loaded as a CSV. It first shows the positive correlation between the two variables, with each point representing a house. The visualization is built with D3 v7, using `d3.csvParse` to parse the data and `d3.scaleLinear` for the x and y axes, while SVG circles are appended to render the points. Axes are drawn with `d3.axisBottom` and `d3.axisLeft`.

Sshailajat1998@gmail.com

77% match

Loading thumbnail…

Fork of ice5.2

This example visualizes a scatter plot of housing data, with house size on the x-axis and price on the y-axis. Each circle represents a property. The visualization uses the D3.js library, specifically `d3.csv` for data loading, `d3.scaleLinear` for both axes, and `d3.axisBottom` and `d3.axisLeft` for axis rendering. The CSV data is fetched from a remote gist URL. The SVG rendering approach is employed, with circles appended to the SVG container. The code also applies margin conventions to structure the chart layout.

Kktvgs25@gmail.com

76% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between two numeric variables from a CSV dataset, plotting each point with x and y coordinates. It uses D3 version 6 with an SVG rendering approach, employing `d3.scaleLinear` to map the data domains to pixel ranges and `d3.axisBottom` and `d3.axisLeft` for the axes. Data is loaded asynchronously via `d3.csv`, and circles are appended and joined to the data using `.join('circle')`. The plot is styled with a teal fill and includes axis labels for "Numbers" and "Amount."

Bbugfree55

76% match