Price vs Square Feet for Project X

100%

Price vs Square Feet for Project X

✓ Published0🌍 Public

Last edited May 28, 2023

Created on May 28, 2023

This visualization, built with the vega-lite-api, plots the relationship between Price and Square Feet for real estate properties from Project X. Each circle represents a property, with position encoding both axes and color encoding the property’s Status, while hovering reveals its Address. A text label displays the R² value from a regression transform fitting Square Feet on Price. The chart uses D3 v5 to fetch CSV data via `d3.csv` from a GitHub Gist, and configures axes and tooltips through the vega-lite API’s `config` and `tooltip` features.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the relationship between square footage and price, with each point representing a property and tooltips revealing the property type. Built using the Vega-Lite API, it loads CSV data from a GitHub gist and renders an interactive scatterplot. The code registers Vega and Vega-Lite, then configures the visualization with custom axis styling, a point mark with size and opacity settings, and a tooltip handler for interactivity.

JJaswitha09

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

70% match

Loading thumbnail…

2015 Seattle House Price data

This visualization displays 2015 Seattle house prices as a scatter plot, where each circle represents a home. Circle size encodes square footage of living area, color distinguishes the number of floors, and position shows the relationship between year built and price (with a logarithmic price scale). The code uses the vega-lite-api to construct the chart, d3.csv to load the dataset, and vega-tooltip for interactive hover details. Styling is customized via a config object defined in a separate module.

CCurran Kelleher

70% match

Loading thumbnail…

2015 Seattle House Price data

This visualization displays 2015 Seattle house price data as an interactive scatter plot, where each circle represents a home. The x-axis maps year built, the y-axis shows price, circle size encodes living area in square feet, and color indicates the number of floors. The plot uses vega-lite-api to generate the chart, with data loaded via d3.csv from a GitHub-hosted CSV file. Custom axis styling and tooltips are configured through vega, vega-lite, and vega-tooltip, while the visualization renders as a fitted SVG canvas filling the browser window.

GGeniXiong

69% match

Loading thumbnail…

Fork of Project Data Science

This visualization, built with D3.js and the Vega-Lite API, combines a scatter plot and a bar chart to explore Hanoi real estate data. The scatter plot displays price per square meter against distance to a hospital, with point size encoding the number of bedrooms. A brushing interval selector on the x-axis filters the bar chart, while clicking a bar highlights a specific house type in both panels. The bar chart shows the count of each property type, with colors representing the categorical house types. The data is loaded from a remote CSV file, and the visual styling, including axis colors and guide fonts, is defined in a separate configuration module.

SStíofán ♔ Ó Conchubhair

69% match

Loading thumbnail…

Fork of 2015 Seattle House Price data

This visualization displays 2015 Seattle house prices as a scatter plot, where each circle represents a house, with circle size encoding living area, color indicating floor count, and position mapping price against year built. It uses vega-lite-api to construct the chart, d3.csv for data loading, and vega-tooltip for hover interactions. The chart applies a logarithmic price scale, zero-suppressed year baseline, and semi-transparent circles to emphasize clustering patterns across the dataset.

BBrian Olczak

68% match

Loading thumbnail…

Data of Final Project Proposal

This visualization shows a scatter plot of residential property data from the House_Rocket dataset, displaying the relationship between living area and price. Each point represents a house, with data loaded from a CSV file containing 30 property records. The plot encodes the price on the y-axis and living area on the x-axis, with points colored by season of sale (Spring, Summer, Fall, Winter). The author, RenoBlitz, uses this chart to explore potential patterns between home size and price across different selling seasons. The dataset includes additional attributes such as number of bedrooms, bathrooms, and location coordinates, but the visualization focuses primarily on the price-versus-living-area relationship. The chart is generated under the MIT license and is part of a House_Rocket data analysis project.

JJingxuan Yang

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

67% match