Scatter Plot OCED Manh Pham

100%

Scatter Plot OCED Manh Pham

✓ Published1🌍 Public

Last edited Sep 30, 2021

Created on Sep 22, 2021

This scatter plot shows the relationship between housing prices in Australia and Belgium for each quarter from 1975 to 2012, using OECD data loaded from a GitHub Gist. Each circle represents one quarter, with its x-position determined by the Australian price and its y-position by the Belgian price. The visualization uses D3 v7’s `csv`, `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` APIs to parse the data, map it to pixel coordinates within a full-window SVG, and render the axes. Circles are appended with a fixed radius of 2 pixels.

AI-generated description

The visualization is a scatter plot of OCED datasets. Each point represents Austria and Belgium hosuing prices that corresponds to x-axis and y-axis respectively from each quarter of the year range starting from 1975 to 2012.

Source of data can be found in my Gist here

MIT Licensed

Similar vizzes

Loading thumbnail…

Airbnb Vienna

This scatter plot visualizes Airbnb listing prices across Vienna’s 23 boroughs, with each circle representing one apartment’s price on the x-axis and its borough on the y-axis. Using D3 v5, the code loads data from a CSV file and applies `scaleLinear` for both axes, `axisLeft` and `axisBottom` for tick marks, and SVG circles for data points. The chart’s opacity and teal fill create a density effect, while gridlines and axis labels clarify the price distribution per district.

VValentineAuer

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

66% match

Loading thumbnail…

ICE-7-Assignment-7

This scatter plot visualizes the relationship between average housing prices and square footage across 50 randomly generated data points. The visualization uses a blue circle for each data point, positioned along the X-axis for average price and the Y-axis for average square footage. The code constructs the chart using D3.js version 6, employing `d3.scaleLinear` for axis scaling, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.select`/`d3.append` for SVG element creation. Axis labels are added to clarify the data dimensions.

Ssowmyakancharla01@gmail.com

66% match

Loading thumbnail…

Activity6_Q3

This scatter plot visualizes the relationship between square footage and price for real estate properties across various European cities, with each point colored by city and a tooltip revealing detailed property information. Built with D3.js v7, it renders as an SVG using `d3.scaleLinear` for the axes, `d3.scaleOrdinal` with `d3.schemeSet2` for color encoding, and interactive mouseover events to show tooltips. The visualization also includes a legend listing all cities, with data loaded from the local `data.csv` file.

Ggouthamigongidi2457@gmail.com

65% match

Loading thumbnail…

ICE_7-Assignment-7_ scatter plot

This animated scatter plot explores relationships among US housing market variables, cycling through three attribute pairs every two seconds: average price versus number of sales, then number of sales versus average square footage, and so on. A D3 selection updates the x-scale domain and circle positions via the reusable scatterPlot component. The visualization uses d3-scale’s scaleLinear and extent, d3-axis for labeled axes, and d3-selection for SVG circle joins. Data comes from a CSV file loaded with d3.csv, rendered as an SVG filling the viewport. The code embeds a setInterval timer to swap the x-value accessor, demonstrating dynamic axis rescaling.

Ssowmyakancharla01@gmail.com

65% match

Loading thumbnail…

Airbnb Vienna

This scatter plot shows the price distribution of Airbnb apartments across 23 numbered boroughs in Vienna, revealing price clusters and outliers per district. The visualization uses D3 v5 with SVG rendering, employing `d3.csv` to load the dataset and `scaleLinear` for both axes, with `axisBottom` and `axisLeft` for ticks. Circles are plotted with opacity 0.3 to show overlapping points, and axes include gridlines. Data originates from insideairbnb.com/vienna/.

IIcecreamneverfall

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

64% match

Loading thumbnail…

Scatter Plot w. 2 Quantitative Attributes

A scatter plot displays the relationship between two quantitative attributes, population and price, for three countries. Each circle represents a country, with its position determined by these values and its size scaled by mileage. The visualization uses D3 v5 to load CSV data from a Google Sheet and render an SVG. It employs `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while the data mapping occurs through the `csv` and `select` functions.

Jjf1978

64% match