Skip to main content
SimilarExport ZIP
100%

Scatter Plot: Rent Index vs Rank

✓ Published1🌍 Public
Sste.jendritz@gmail.com
Last edited Sep 27, 2024
Created on Sep 15, 2024

This scatter plot visualizes the relationship between Rent Index and Country Rank using the Cost of Living Index by Country 2024 dataset from Kaggle. Each circle represents a country, with its horizontal position encoding the rent index and vertical position encoding rank. The visualization uses D3’s `scaleLinear` for both axes, `axisLeft` for the y-axis, and the `@curran/axis-labels` library for labeled axes. An inner rectangle highlights the plotting area, while semi-transparent circles (opacity 0.629) reveal overlapping data points.

AI-generated description

A simple scatter plot with D3 showing the Cost of Living Index by Country 2024 Dataset.

An index of 100 reflects the same living cost as in New York City, United States. As of 2024 Mid Year data, in NYC, A family of four estimated monthly costs are $6,074.40 without rent. A single person's estimated monthly costs are $1,640.90 without rent.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the relationship between the Cost of Living Index and the Cost of Living Plus Rent Index for countries in 2024, using data from a Kaggle dataset. Each circle is positioned by the two indices and colored by rank from green to red via a linear scale, with a light gray inner rectangle framing the plot. The visualization is built with D3.js, using `scaleLinear` for axes and color, `extent` for data ranges, and custom `xAxis` and `yAxis` functions.

Yyaredmtaye@gmail.com
83% match
Loading thumbnail…

Cost of Living Index by Country

This example displays the first row of a CSV dataset on the cost of living index by country for 2024. It lists key metrics such as the cost of living index, rent index, and local purchasing power index, alongside the country's rank and name. The visualization uses JavaScript to import the data and render it as a JSON string within an HTML `<pre>` element, setting the font size dynamically. The code parses the numeric string values into numbers before displaying them. The dataset originates from a publicly available Kaggle source.

Yyaredmtaye@gmail.com
69% match
Loading thumbnail…

Fork of Cost of Living Vs Purchasing Power

This interactive scatter plot maps 115 countries by cost of living (x-axis) against local purchasing power (y-axis). Circle size reflects global rank, while color encodes the purchasing-power-to-cost ratio, from green ("Excellent") to red ("Poor"). A dashed diagonal line marks equal ratios, with quadrant labels for context. Built with React, D3.js (v7) `scaleLinear` and `axisBottom`, the visualization supports hover tooltips, click-to-select country highlighting, and a clear-selection control. Data comes from a bundled `data.csv` file.

NNita
67% match
Loading thumbnail…

Cost of Living Vs Purchasing Power

This scatter plot shows the relationship between the Cost of Living Index and Local Purchasing Power Index for countries worldwide. Each circle represents a country, positioned by its cost of living on the x-axis and purchasing power on the y-axis. Circle color indicates the value ratio between purchasing power and cost of living, from green (good value) to red (very poor value), while circle radius reflects rank. The visualization uses D3’s `scaleLinear` for axes, and React manages state with click interactions that highlight selected countries, plus a tooltip showing country name and rank.

NNita
66% match
Loading thumbnail…

Cost of Living by Country, Top 10 REV1

This bar chart displays the top 10 countries by Cost of Living Index from the Kaggle "Cost of Living Index by Country 2024" dataset, with an index of 100 representing New York City's costs. The visualization uses D3.js, specifically `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` APIs. The data is filtered from the dataset to show only the first 10 ranked countries, with each bar's height corresponding to the country's cost-of-living index. The chart includes rotated x-axis labels for readability and appropriate axis titles.

Sste.jendritz@gmail.com
66% match
Loading thumbnail…

Scatter Plot using D3.JS

This 3D scatter plot compares urban economic indicators across cities using two Plotly trace types drawn within a D3.js-loaded page. The first trace plots Cost of Living Index, Rent Index, and Local Purchasing Power Index, while the second maps Groceries Index, Cost of Living Plus Rent Index, and Restaurant Price Index. Both traces use `scatter3d` markers with hover text for city names. The code loads CSV data via `d3.csv`, unpacks columns with a helper function, and renders the visualization through `Plotly.newPlot`.

EElvis Araka
63% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes country data by plotting total cost on the x-axis against total profit on the y-axis, with each point representing a sales record. Hovering a circle changes its fill to orange and displays a tooltip with the country, cost, and profit values, implemented using `d3.select` and event handlers. The chart uses `d3.csv` to load remote data, `d3.scaleLinear` for axes, and `d3.axisBottom` and `d3.axisLeft` to render scales. Data points are drawn as SVG circles via the `join` operator, with a legend title styled using a CSS class.

Hhquazza@gmail.com
63% match
Loading thumbnail…

Ordinal Scatter Plot

An ordinal scatter plot displays the population of the top 10 most populous countries in 2018, using a linear x-scale for population and a point scale for the categorical country names on the y-axis. The visualization, built with D3 v5 and rendered as SVG, encodes each country as a circle and includes labeled axes and grid lines. Data is loaded from a CSV file and processed with D3’s csv and scaleLinear functions, while axis generation relies on axisBottom and axisLeft.

Ccyanea1
63% match