Cost of Living Index by Country 2024 Dataset

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

88% match

Week 2: Cost of Living by Country Dataset

This example displays the Cost of Living by Country dataset as a scrollable JSON text view, showing all country records with attributes like Cost of Living Index and Rent Index. The code parses string values into numbers and renders the full dataset in a <pre> element styled with a font size of 19 pixels. It uses standard browser DOM APIs, including `container.innerHTML` and `style.overflowY`, to present the raw data from the CSV file imported via an ES module.

JJacob Chlebowski

79% match

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

69% match

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.

Cost of Living World Map

This map visualizes the cost of living index across countries, using a blue-to-red color gradient where blue indicates higher costs and red indicates lower costs. Built with D3.js, it applies the `geoNaturalEarth1` projection and `geoPath` to render country outlines from TopoJSON data, while a `scaleSequential` color scale encodes the numeric index from the CSV dataset. The map also includes graticule lines and an outline for geographic context.

Cost of Living by Country, Top 10

This bar chart visualizes the cost of living index for the top 10 countries, with an index of 100 representing the cost of living in New York City. Data comes from the Cost of Living Index by Country 2024 Dataset on Kaggle. The chart uses D3's `scaleBand` for the x-axis, `scaleLinear` for the y-axis, and `axisBottom` and `axisLeft` for tick marks, rendering bars with a blue fill.

Cost of Living World Map With Country Selection

This interactive world map visualizes the cost of living index by country, using a red-to-blue color gradient where blue indicates higher costs. Hovering over a country reveals its name in green text. The visualization uses D3.js with `geoNaturalEarth1` projection and `geoPath` to render map features from TopoJSON data, while a sequential color scale maps the index values. The cost of living data is loaded from a local CSV file.

2023 Global Country Development & Prosperity Index Dataset

This example visualizes the 2023 Legatum Prosperity Index dataset, mapping geographical distributions of average prosperity and personal freedom scores while exploring correlations between variables like education, health, and living conditions. The code loads CSV data and converts string values to numbers for analysis. It displays the first data entry as a formatted JSON preview using a template literal, providing an initial glimpse into the dataset structure. The implementation uses plain JavaScript DOM manipulation to render the output, with data sourced from a Kaggle-hosted CSV file.