Data Summary

100%

✓ Published0🌍 Public

Last edited Sep 20, 2017

Created on Sep 20, 2017

This example displays a text-based summary of the Human Development Index dataset, which records HDI values for various countries from 1990 to 2015. It shows the total number of rows, columns, and file size, followed by a statistical breakdown of each column. The code loads the CSV file using `d3.csv`, then constructs the summary string by concatenating the table dimensions and the output of `dl.format.summary(data)` from the Datalib library, finally displaying it in a `<pre>` element.

AI-generated description

This example summarizes a data table using Datalib.

This data is from hdr.undp.org.

This dataset is about the human development index by country and year.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/f849f374f21c490c5490d501636bdb77'>Data Table Summary</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Loading HDI Data

This example demonstrates a data-loading workflow for the Human Development Index dataset, which tracks metrics like life expectancy, education, and income per country from 1990 to 2021. The visualization displays the raw parsed data as JSON text in a styled `<pre>` element, showing the dataset’s structure after being fetched and processed. The code uses D3 v7’s `csvParse` to convert the CSV file retrieved via `fetch` into an array of objects, managing a loading state through a simple state-management pattern with `setState`. The data originates from a Kaggle-hosted dataset covering global development indicators.

SSpencer McAvey

80% match

Loading thumbnail…

Data Summary

This example summarizes a CSV dataset on internet usage, GDP per capita, and population across countries from 1981 to 2016. It displays a plain-text report showing the total row count, column count, file size, and per-column statistical summaries. The code loads the data with `d3.csv`, formats the raw text using `d3.csvFormat`, and generates column summaries via `datalib`’s `dl.format.summary`, then prints the result to the page and the console.

QQ-Zhao

80% match

Loading thumbnail…

Data Summary

This example displays a textual summary of a dataset detailing mobile cellular subscriptions by country from 1980 to 2013. It shows the total row count, column count, file size, and a statistical overview of each column, generated using the `dl.format.summary` method from the datalib library. Using D3 v4, it loads the CSV file via `d3.csv` and appends the summary as a `<pre>` element to the page, also logging it to the console. The data originates from Our World in Data.

QQ-Zhao

78% match

Loading thumbnail…

Data Summary

This example displays a plain-text summary of a tabular dataset, listing the row count, column count, file size, and a per-column statistical breakdown. A CSV containing New York City housing development records is loaded with `d3.csv`, then processed by the `dl.format.summary` method from Datalib to generate the column descriptions. The resulting text is rendered inside a `pre` element appended to the body using standard D3 selections in version 4.

RRainismZ

78% match

Loading thumbnail…

Data Table Summary

This example displays a text-based summary of a dataset from the World Happiness Report 2017, showing the row count, column count, file size in kilobytes, and the first 10 rows as formatted JSON. Using d3.csv to load the data and d3.csvFormat to calculate size, it appends the results to the DOM in monospace ’pre’ elements. The black background and green terminal-style text create a simple, console-like presentation of the data table’s structure and contents.

CChooo4u

76% match

Loading thumbnail…

Data Summary

This example displays a text-based data summary of internet users by world region, listing the number of rows, columns, and file size, followed by a per-column statistical breakdown. It loads a CSV file using `d3.csv` and pipes the data through the `dl.format.summary` API from the DataLib library. The resulting summary string is rendered into a `<pre>` element on the page and also logged to the console. The dataset originates from Our World in Data, covering regional internet user counts from 1990 to 2015.

QQ-Zhao

76% match

Loading thumbnail…

Data Summary

This example displays a text-based summary of a greenhouse gas emissions dataset, which includes the number of rows, columns, and file size, followed by a per-column statistical breakdown. The data is loaded from a CSV file using D3.js’s `d3.csv` method, and the summary is generated with the datalib library’s `dl.format.summary` function. The resulting text is rendered on the page using `d3.select('body').append('pre')` and also logged to the console.

RRobertDelgado

76% match

Loading thumbnail…

Data Summary

This example displays a plain-text summary of a blood pressure dataset from patients in the Dominican Republic, showing the row count, column count, file size, and per-column statistical summaries. The code loads the data with `d3.csv`, formats the summary using Datalib's `dl.format.summary`, and appends it to the page as a `<pre>` element. It relies on D3 v4 and the Datalib library to parse and analyze the CSV file.

RRobertDelgado

76% match