Skip to main content
SimilarExport ZIP
100%

Week 2: Cost of Living by Country Dataset

✓ Published1🌍 Public
JJacob Chlebowski
Last edited Sep 8, 2024
Created on Aug 30, 2024

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.

AI-generated description

Author: Jacob Chlebowski - jachlebowski@wpi.edu

The Cost of Living by Country Dataset

Tasks:

  • I want to discover the "severity" of range of cost of living plus rent index
  • I want to compare two countries' cost of living via the "cost of living plus rent index" attribute
  • I want to record a rating for each country that I would live in
  • I want to search for a specific country by the "country" name attribute
  • I want to summarize all countries in the dataset via a bubble chart
MIT Licensed

Similar vizzes

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
81% match
Loading thumbnail…

Cost of Living Index by Country 2024 Dataset

The data page displays the first row of the Cost of Living Index by Country 2024 dataset as a formatted JSON object. It loads the CSV file and converts each numerical column to a number type. The view presents the structured data at a large font size, providing a clear, raw preview of a single country's index values. The example uses JavaScript's `JSON.stringify` method to render the data.

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

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of the Global Salaries for Data Science dataset as a scrollable JSON object in the browser. Each row from the CSV file is parsed and rendered inside an HTML `<pre>` element, with the font size set to 19 pixels. The code uses the `data.csv` import and the `JSON.stringify` method to format the data with indentation. The visualization serves as a simple data browser, allowing inspection of individual salary records without any aggregation or charting.

JJacob Chlebowski
74% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
70% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
70% match
Loading thumbnail…

Week 2: Global Population Growth 2024 Dataset

This example displays the Global Population Growth 2024 dataset as raw JSON text within a scrollable container, allowing viewers to inspect the simulated city and country records. The data, sourced from Kaggle, includes population figures for 2023 and 2024 along with growth rates. The visualization uses a plain HTML `<pre>` element to render the parsed data, converted from CSV via JavaScript’s `import` statement after numeric string parsing. The code sets a fixed font size and enables vertical scrolling to accommodate the full dataset, with no additional charting libraries involved.

JJacob Chlebowski
69% match
Loading thumbnail…

Week 2 Dataset 1

This example displays the first row of the 80 Cereals dataset as a formatted JSON object. The code uses the `d3.csv` parsing method to load and convert the data, applying numeric type coercion to each column. The visualization simply renders this data in a `<pre>` element with a fixed font size, demonstrating a minimal static view of the dataset structure. No interactive or dynamic elements are present.

IIan Coolidge
67% match
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
67% match