World Bank Data

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.

81% match

Data Table Summary

81% match

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.

80% match

Data Table Summary

This example displays a plain-text summary of a dataset containing World Bank GDP figures for all countries from 1970 to 2017. It reports the row count, column count, file size in kilobytes, and prints the first ten rows as formatted JSON. Using D3 v5’s `csv` and `csvFormat` methods, it loads the remote CSV file and calculates the data size, then appends the results to the page with `select` and `append`. The dark terminal-style styling comes from the accompanying CSS.

80% match

Data Table Summary

This example displays a plain-text summary of a CSV file containing World Bank GDP data for 264 countries from 1970 to 2017. It shows the dataset’s row count, column count, and file size in kilobytes, followed by a JSON-formatted preview of the first 10 rows. Using the D3 `csv` and `csvFormat` methods to load and measure the data, it appends the results as text elements to the body via D3 selections.

World Population Data

This example displays basic metadata about the world population dataset from 1960 to 2020, including its file size, row count, and column count. The visualization itself is minimal, showing only these statistics in a large text element. The code loads the CSV data using D3 v5’s `d3.csv` method, then calculates and displays the dataset’s size using `d3.csvFormat` and the built-in `data.length` and `data.columns.length` properties. It also includes commented-out alternatives using the Fetch API and `d3.csvParse`.

RRochelle

Data Table Summary

This example summarizes a CSV of World Bank GDP data for all countries from 1960–2017. It displays the total row and column counts, the file size in kilobytes, and a JSON-formatted preview of the first 10 rows. The code uses `d3.csv` to load the data, `d3.csvFormat` to calculate the file size, and `d3.select` to append `<pre>` elements showing the summary. The output appears in monospace green text on a black background.

Data Table Summary