Data Table Summary

100%

Data Table Summary

✓ Published0🌍 Public

Last edited Nov 7, 2018

Created on Sep 7, 2018

This example summarizes a dataset of English Premier League match statistics from football-data.co.uk. It displays the total row count, column count, and file size, followed by the first ten rows of data as formatted JSON. The visualization uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, rendering results as plain text in HTML `<pre>` elements with a retro green-on-black terminal aesthetic.

AI-generated description

This program prints a summary of a data table.

This data is about the results and statistics of all games over 9 seasons in thhe English Premier League (the soccer league in England).

This data comes from http://www.football-data.co.uk/ which was then hosted on Datahub.

It contains several statistics of each game like the number of goals scored, the shots made or the number of yellow/red cards for all teams.

MIT Licensed

Similar vizzes

Loading thumbnail…

Data Table Summary

This example displays a summary of an MLB team statistics dataset from 2013–2016, sourced from Statcrunch. It shows the total number of rows, columns, and file size in kilobytes, followed by the first ten rows of data formatted as JSON. Using D3 v5, the visualization loads the CSV data with `d3.csv` and `csvFormat`, then appends the summary and preview to the page as `pre` elements. The black background and green monospaced text evoke a terminal interface.

Wwangjonathan

83% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a JSON event dataset from the 2018 World Cup final, showing the row count, column count, and file size, followed by the first ten rows of data. After loading the data via `d3.json`, it uses `d3.select` to append `<pre>` elements to the document body, formatting the text with JavaScript template literals and `JSON.stringify`. The page is styled with black background and green monospace text, and the dataset originates from StatsBomb.

MMihir Sawant

83% match

Loading thumbnail…

Data Table Summary

This visualization displays a summary of a dataset loaded from a CSV file, showing the row and column counts alongside the file size in kilobytes. It then prints the first 10 rows of data as a formatted JSON object. The code uses `d3.csv` to fetch and parse the data, `d3.csvFormat` to measure the data size, and `d3.select` to append `<pre>` elements displaying the textual output.

SShane Carey

82% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV file, showing the row count, column count, and file size in kilobytes, followed by the first 10 rows as formatted JSON. The visualization uses D3 v5’s `select` and `csv` APIs to load and parse the data, then writes the output into `pre` elements on a black background with green monospace text. The data, sourced from a file about Mario game sales, is processed entirely in the browser without additional rendering libraries.

CChooo4u

82% match

Loading thumbnail…

Data Table Summary

This example summarizes a CSV dataset by displaying its row count, column count, and file size in kilobytes, followed by the first ten rows as formatted JSON. Two `pre` elements present this text output, styled with green monospace text on a black background. The data originates from the Lending Club loan dataset, though the code uses a simpler ten-country population sample. It loads the file with `d3.csv`, computes the size via `d3.csvFormat`, and renders the output using D3 selections with `select` and `append`.

MMukund Khandelwal

82% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV dataset, showing the total number of rows, columns, and file size, followed by the first ten rows rendered as formatted JSON. It uses D3 v5’s `csv` and `csvFormat` functions to load and measure the data, and `select` to append `<pre>` elements to the page. The data, sourced from the World Happiness Report 2017, is displayed in a monospaced terminal style with green text on a black background.

CChooo4u

81% match

Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a tabular dataset, showing the total row count, column count, and file size in kilobytes. It then prints the first ten rows as formatted JSON. The visualization uses D3 v5 APIs such as `d3.csv` to load the data, `d3.csvFormat` to measure its size, and `d3.select` to append `<pre>` elements to the page. The data consists of daily high and low stock prices for five companies sourced from Yahoo Finance.

Vveagy

81% match

Loading thumbnail…

Data Table Summary

This example shows a plain-text summary of a tabular dataset. It prints the number of rows, columns, and file size in kilobytes, followed by the first ten rows displayed as formatted JSON. The code uses `d3.csv` to load the data, `csvFormat` to compute its size, and `JSON.stringify` to display the preview. Styled with black background and green monospace text, it renders the output into `pre` elements appended to the page body, drawing from the 2013 stock price dataset.

Vveagy

81% match