Data Summary

100%

✓ Published0🌍 Public

Last edited Sep 15, 2017

Created on Sep 15, 2017

This example summarizes a dataset of NBA player statistics from 2012 to 2017 using Datalib within a D3 v4 framework. It reads in player performance data—including position, age, team, and advanced metrics—and produces a quick overview of the data’s shape. The visualization is built from a fork of Curran’s Data Table Summary, loading a CSV from Basketball Reference and Kaggle, and uses Datalib to parse and summarize the table structure.

AI-generated description

This example summarizes a data table using Datalib. You can fork this Block and change the data to get a quick overview of the shape of your data.

This data is from Basketball Reference, also from Kaggle. Here is the according Glossary.

This dataset is about players performance for NBA from 2012 to 2017, including Number, Time, Player, Position, Age, Team, Games, Game Started, and etc.

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…

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

77% match

Loading thumbnail…

Data Summary

This example loads a Pokémon dataset from a CSV and uses Datalib to generate a text-based summary, displaying the number of rows, columns, and file size, followed by per-column summaries, in a <pre> block on the page. It highlights how Datalib can quickly profile the shape of a dataset.

FFanYang715

77% match

Loading thumbnail…

Data Summary

This example summarizes a large dataset of San Francisco International Airport passenger traffic statistics using Datalib. The visualization provides a quick overview of the data's shape—including its columns, types, and summary statistics—by processing a CSV file with over 10,000 rows (filtered to 2010 onward). The block forks Curran's "Data Table Summary" and uses D3 v4 to render the dataset in a concise, tabular format, making it easy to explore the structure and key attributes of the airline, route, and passenger count fields.

CCJKraenzle

73% match

Loading thumbnail…

Nba Data but better

This interactive bar chart visualizes NBA player statistics, letting viewers switch between points, assists, rebounds, and seasons played using dropdown menus. The visualization uses d3.scaleBand and d3.scaleLinear to position bars, with d3.transition animating bar growth and mouseover effects that dim other bars and display a date tooltip. Data loads from a CSV file via d3.csv, while the custom menu component uses d3.dispatch for change events. SVG rendering includes hover opacity transitions and axis updates.

PPhilip Rago

72% match

Loading thumbnail…

NBA All-Stars from 2000-2016

This example prints a plain-text summary of a dataset listing NBA All-Stars from 2000 to 2016. It displays the row count, column count, and file size in kilobytes, followed by the first ten rows of data as formatted JSON. Built with D3 v5, the visualization uses the `select`, `csv`, and `csvFormat` functions to fetch and process the CSV file from an external URL, then appends the results to the page via `body.append`. The data originates from basketball.realgm.com, as credited in the README.

Ddielaenge

72% match

Loading thumbnail…

NBA career data d3

This visualization displays aggregated NBA career statistics by country for a selected season year, using horizontal bar charts to compare metrics like points, assists, rebounds, and all-star appearances. Users control the view through two dropdown menus to choose the year and stat category. The chart updates with animated transitions on bar widths as selections change. Data is loaded from a CSV file via `d3.csv` and processed with `d3.rollups` and `d3.sum`. The bars are rendered as SVG rectangles with `scaleLinear` for the x-axis and `scaleBand` for the y-axis, while `d3.select` handles interactive hover effects.

PPhilip Rago

72% match

Loading thumbnail…

Loading and Parsing NBA Player State CSV Data

This example demonstrates how to load and parse a CSV file containing NBA player statistics. It displays the file’s size in kilobytes, the number of data rows, and the number of columns within a large text element on a black background. Using the `d3.csv` method from the D3 v5 library, the program fetches the dataset from a remote URL and then applies `d3.csvFormat` to calculate the byte size. The interface provides a minimal, textual summary of the structured data source.

YYichen Li

72% match

Loading thumbnail…

Basketball Player Stats CSV Data - Loading and Parsing

This example demonstrates loading a CSV file of basketball player statistics per season and reporting its basic size and structure. After fetching the remote dataset using `d3.csv`, it displays the file size in kilobytes, the total number of data rows, and the count of columns in a large text block. The visualization uses D3 v5’s `d3.csv` parsing method and `d3.csvFormat` to measure the loaded data, with commented alternatives showing `fetch` and `d3.csvParse` for comparison.

JJosvin John

72% match