Skip to main content
SimilarExport ZIP
100%

Seattle Pets Dataset

✓ Published2🌍 Public
Rrachelhahn
Last edited Sep 16, 2019
Created on Sep 3, 2019

This example displays a concise summary of the Seattle Pets Dataset, showing the file size, row count, and column count. It fetches a CSV file from a GitHub Gist using `d3.csv`, formats the data with `d3.csvFormat`, and then presents the computed statistics in a large `<pre>` element. The visualization relies on D3 v5’s CSV parsing and formatting APIs to read and measure the dataset.

AI-generated description

This dataset includes information about pets that were registered in Seattle, WA between 2014 and 2018.

MIT Licensed

Similar vizzes

Loading thumbnail…

2015 Seattle House Price

This example displays basic metadata about the 2015 Seattle house price dataset, showing its size in kilobytes, row count, and column count in large text. It loads a CSV file from a GitHub gist using D3 v5’s `d3.csv` method, which returns a promise, then formats the result with `d3.csvFormat` to calculate the byte size. The code also includes commented-out alternatives using `fetch` with async/await and `d3.csvParse`, illustrating different approaches to loading and parsing CSV data.

GGeniXiong
75% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It displays the file size, row count, and column count of a wildlife trade dataset pulled from a GitHub gist. The primary approach uses `d3.csv`, which fetches and parses the CSV in one step, while commented-out alternatives show `fetch` with `async`/`await` combined with `d3.csvParse`. The results appear as large text in a `pre` element, providing a simple, immediate visual summary of the dataset’s basic dimensions.

KKarenNg
75% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It displays the file size, row count, and column count of a wildlife trade dataset pulled from a GitHub gist. The primary approach uses `d3.csv`, which fetches and parses the CSV in one step, while commented-out alternatives show `fetch` with `async`/`await` combined with `d3.csvParse`. The results appear as large text in a `pre` element, providing a simple, immediate visual summary of the dataset’s basic dimensions.

KKarenNg
75% 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
74% match
Loading thumbnail…

Fitness survey CSV Data

This example displays a minimal summary of a fitness survey dataset, reading directly from a CSV file hosted as a GitHub gist via the `d3.csv` API. It shows the file size in kilobytes, the total number of rows, and the number of columns, formatted as large text in a `<pre>` element. The visualization’s purpose is to confirm that the data has been successfully parsed rather than to graph the survey results. The code also includes commented-out alternative approaches using `fetch`, `async`/`await`, and `d3.csvParse`, illustrating multiple ways to load and parse CSV data in D3 v5.

AArjun Rao
74% match
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
73% match
Loading thumbnail…

Dataset #3

This example displays a summary of a CSV dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows as JSON. The page uses D3 v7 via `d3.csv` to load the data and the `select` and `append` methods to render the text into `pre` elements. The data source is a local `data.csv` file containing exam scores, and the styling is minimal with a yellow background and large monospaced text.

JJamesHop31
73% match
Loading thumbnail…

CSV Data

This example displays a summary of a remote CSV file's contents: its approximate size in kilobytes, the number of data rows, and the number of columns. It fetches the data from a GitHub gist URL using the `d3.csv` API, then formats the loaded data with `d3.csvFormat` to calculate its length. The resulting statistics are rendered as large text inside an HTML `<pre>` element, which is updated via JavaScript's `textContent` property. The styling is applied through a CSS class that sets the font size.

SSam Hege
73% match