Immigration Data Table - 1892

100%

Immigration Data Table - 1892

✓ Published0🌍 Public

Last edited Nov 18, 2018

Created on Nov 18, 2018

This example presents a text-based summary of a single day’s immigration records from Ellis Island in 1892, sourced from Cool Datasets. It uses d3.select to append HTML pre elements to the body, displaying the dataset’s row count, column count, and size in kilobytes via d3.csvFormat. The first ten rows appear as JSON in a second pre block. The output is styled with black background and green monospaced text, offering a minimal, terminal-like view of the raw data.

AI-generated description

This program prints a summary of a data table.

This data is one day in 1892 - from Immigration to Ellis Island (1892 - one day) - via Cool Datasets

MIT Licensed

Similar vizzes

Loading thumbnail…

Example of Loading External Data

This example demonstrates how to fetch and display external tabular data directly from a GitHub repository URL, bypassing the need for manual upload. The visualization shows a summary of the dataset’s row count, column count, and file size in kilobytes, followed by the first 10 rows formatted as JSON. The code uses D3’s `tsv()` function to load a TSV file from `https://raw.githubusercontent.com/hopperrr/ellis-immigration-by-ship`, along with `select()`, `csvFormat()`, and `format()`. The dataset originates from the Ellis Island immigration ship records.

CCurran Kelleher

68% match

Loading thumbnail…

ICE 5 - CSCE 5320

This page displays metadata for a Global Inward Remittances dataset, showing its size in kilobytes, row count, and column count. The visualization fetches a CSV file from a GitHub gist using D3 v7’s `d3.csv` method. It then calculates data size with `d3.csvFormat` and presents the information in a styled HTML page, featuring a blinking hyperlink to the dataset and a World Bank background image via CSS.

CChi Aghaizu

64% match

Loading thumbnail…

ICE 5

This example presents a plain HTML table and summary statistics for a vehicles dataset loaded from a remote CSV file. The page displays the approximate size of the data in kilobytes, the number of rows, and the number of columns, followed by the full dataset in a styled table. It uses D3.js v7’s `d3.csv` to fetch and parse the data, then builds the table and summary text with string templates and D3’s selection API. The styling relies on standard CSS for the container, table, and hover states.

Ssaisathwikaguntupalli@gmail.com

64% 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

64% match

Loading thumbnail…

ICE 5 11580431

This example displays a summary of a CSV dataset about layoffs in 2020, presenting the file size, row count, and column count in a styled HTML page. It also includes a static image and a link to the raw data file. The page uses D3.js v5’s `d3.csv` to fetch the data from a GitHub Gist URL, then `d3.csvFormat` and `data.length` to compute the displayed statistics. Rendering is handled with SVG and CSS within a React framework, though the visible code is plain HTML/JavaScript.

Vviswak12

64% match

Loading thumbnail…

Loading Data with React & D3 (information csv data permis US)

This example demonstrates loading a real-world US permanent visa dataset using D3’s `csv` utility within a React application. The visualization presents a plain-text summary of the raw CSV data, displaying its size in kilobytes, row count, and column count. The code uses React’s `useState` and `useEffect` hooks to manage asynchronous data loading and re-render the page once the data arrives. The dataset is fetched from a remote Gist URL, and the summary is generated using `d3.csvFormat` to measure the data size before calculating the descriptive statistics.

Ddassermouna

63% match

Loading thumbnail…

ICE 7 Line Chart

This line chart shows the number of U.S. immigrants per year from 2006 to 2021, with the year on the x-axis and immigrant counts on the y-axis. The data is loaded from a CSV file hosted on GitHub using d3.csv. The visualization uses d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render an SVG path, with styled tick lines, axis labels, and a title. The chart displays red line segments on a white background with labeled axes.

EEeshwarReddy

63% match

Loading thumbnail…

ICE 5 Oct

This example demonstrates a workflow for loading, parsing, and previewing tabular data from a remote CSV file. It displays a summary of the dataset—approximate size in kilobytes, row count, and column count—followed by a styled HTML table showing the first five rows. The code uses D3 v7’s `d3.csv` method to fetch and parse the data, then leverages the `d3.select` and `.join` APIs to construct the table dynamically. The table features a sticky header, zebra striping, and hover effects, all defined in the accompanying CSS.

AAbhishek

63% match