Skip to main content
SimilarExport ZIP
100%

Global Data

✓ Published0🌍 Public
Nnitinramagiri1@gmail.com
Last edited Oct 24, 2024
Created on Oct 24, 2024

This example displays a single country’s complete record from a global dataset as a formatted JSON object. It uses D3.js and a custom CSV parser to load and convert numeric fields, then renders the first data entry in a `<pre>` block. The visualization provides a direct, code-level view of the dataset structure, showing all variables like GDP, fertility, and CO2 emissions for a given nation.

AI-generated description

The Global Data, loaded and parsed as CSV.

Tasks

  • I want to check how fertility and population growth are related.
  • I want to check countries' gdp impact on the employment services.
  • I want to see GDP comparision among countries in different regions.
  • I want to observe CO2 emissions in different countries and check whether it is impacting population growth/fertility.
  • I want to study the impact of GDP percapita on Life expectancy.
MIT Licensed

Similar vizzes

Loading thumbnail…

Countries of the world

This example displays a summary of a dataset containing information about countries, including population, GDP, and literacy. It shows the number of rows, columns, and total data size in kilobytes, followed by a preview of the first ten rows. The visualization uses D3’s `select` and `csv` functions to load the data. Results are rendered as text using HTML `pre` elements, with a black background and green monospace styling. The csv data from Kaggle is fetched and printed as JSON.

RRobert Curtis
75% match
Loading thumbnail…

Data Table Summary

This example summarizes a CSV dataset of World Bank GDP figures for 264 countries from 1970 to 2017. It displays the row count, column count, and file size in kilobytes, followed by a JSON-formatted preview of the first 10 rows. The visualization uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, and appends the summary to the page as `pre` elements with a monospace terminal aesthetic.

Vveagy
74% match
Loading thumbnail…

Data on CO2 and Greenhouse

This example displays the first row of a CSV dataset on CO2 and greenhouse gas emissions by Our World in Data. The code loads the data, parses it, and formats it as a JSON object, which is then rendered in a `<pre>` element using `JSON.stringify`. The main visualization shows how the data is structured and highlights the various metrics tracked, including emissions by source, per-capita values, and cumulative totals.

Oomniaabouhassan@gmail.com
74% match
Loading thumbnail…

DATA VISUALIZATION

This example loads a CSV of country populations from a GitHub gist and displays a plain-text summary of the dataset in the browser. Using `d3.csv`, it fetches the data and then computes the file size in kilobytes, row count, and column count, which are formatted with `d3.csvFormat` and written to a `<pre>` element styled with black background and green text. The data originates from the 2018 United Nations World Population Prospects estimate, though the live code references a different gist URL than the documented file.

Aajaysonu
74% match
Loading thumbnail…

COVID-19 Dataset

This example displays the first row of the COVID-19 worldwide dataset as a formatted JSON object in a large monospaced font. It uses the `index.js` module to import CSV data, coerce numeric fields, and render the raw statistics for a single country. The visualization relies on a simple HTML `<pre>` element updated via template literals, with no charting library involved.

JJack Hanlon
74% match
Loading thumbnail…

Global_education

This visualization displays educational metrics across countries and regions, using the World Educational Data dataset from Kaggle. It renders the data as raw JSON in a `<pre>` element, with the dataset loaded via `fetch` and parsed using `d3.csvParse`. Each row’s numerical attributes, such as out-of-school rates, completion rates, and proficiency scores, are converted to numbers using the unary plus operator, and geographic coordinates (latitude and longitude) are also parsed. The visualization uses the D3 library for data loading and DOM manipulation via `select`, with state management handled through custom `setState` and `render` functions.

XXiaojun
73% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a World Bank dataset covering GDP for all countries from 1960 to 2017, showing the row and column counts, the dataset’s size in kilobytes, and the first ten rows as formatted JSON. The page uses black background with green monospace text. It loads the data with `d3.csv`, formats the size with `csvFormat`, and appends the summary and sample rows as `<pre>` elements using D3 selections.

Vveagy
73% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a World Bank dataset covering GDP for all countries from 1960 to 2017, showing the row and column counts, the dataset’s size in kilobytes, and the first ten rows as formatted JSON. The page uses black background with green monospace text. It loads the data with `d3.csv`, formats the size with `csvFormat`, and appends the summary and sample rows as `<pre>` elements using D3 selections.

Vveagy
73% match