Skip to main content
SimilarExport ZIP
100%

American Cabinets Appointments - Dataset Overview

✓ Published1🌍 Public
RRudy Shayganfar
Last edited Sep 23, 2020
Created on Sep 7, 2020

This visualization offers a concise quantitative summary of a dataset detailing American cabinet appointments from George Washington's presidency onward. The view reports three key metrics: the dataset’s approximate size in kilobytes, its total row count, and its number of columns. The code fetches the external CSV file using the `d3.csv` method and then formats the raw text to compute the file size, while directly accessing the parsed array’s length for rows and the `columns` property for columns. The resulting text is displayed in a large, preformatted element on the page.

AI-generated description

A dataset that describes American cabinet appointments since George Washington's presidency. Ported from American Cabinets Appointments dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

International Cabinets - Dataset Overview

This visualization displays a concise dataset summary for the International Cabinets dataset, showing the file size in kilobytes, the total number of rows (over 50,000 entries), and the number of columns. The example uses D3.js v5 to fetch the CSV from a remote gist URL via `d3.csv`, then calculates the data size with `d3.csvFormat` and accesses row and column counts through the parsed data object. The information is presented as large text within an HTML `<pre>` element.

RRudy Shayganfar
79% match
Loading thumbnail…

American Cabinets - Scandals by Party

This stacked bar chart shows the number of cabinet appointees involved in scandals, broken down by political party, using the American Cabinets Appointments dataset. The visualization uses the vega-lite-api library, registering vega, vega-lite, and vega-tooltip, to render a bar chart where each bar’s height represents the total count of appointments and color encodes whether a scandal flag is present. Data is loaded asynchronously via d3.csv from a GitHub gist, and the chart is configured with custom axis styles for readability.

RRudy Shayganfar
72% match
Loading thumbnail…

American Cabinets - Minorities by Party

This stacked bar chart shows the count of cabinet appointees by party affiliation, with bars divided into minority and non-minority segments. It uses the vega-lite-api in JavaScript to create a bar mark, encoding the categorical 'Party' field on the x-axis and 'Minority' on the color channel. Data is loaded asynchronously from a CSV of American cabinet appointments via d3.csv. The visualization is rendered with Vega-Lite and styled using a custom config that adjusts font sizes and removes axis domains.

RRudy Shayganfar
67% match
Loading thumbnail…

American Sheriffs Data Summary

This example summarizes the Reflective Democracy Campaign dataset of elected sheriffs by displaying basic file metrics. It shows the CSV file's size in kilobytes, the number of data rows, and the number of columns. The visualization loads the data from a remote Gist URL using `d3.csv` and then displays the computed statistics as large text in a pre element. The code also includes commented-out alternatives using `fetch` with async/await and a nested promise approach.

MMartin Blatz
65% match
Loading thumbnail…

Untitled

This example displays a black terminal-style interface that reports the dimensions of a dataset loaded from a CSV file, showing the row count, column count, and file size in kilobytes. It also prints the first ten rows of the data, which contains country populations, as formatted JSON. The visualization uses the d3.csv function to parse the data and d3.select to append multiple pre elements to the page body. The code imports d3.csvFormat to calculate the data size and uses d3.v7.

JJamesHop31
64% 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
64% match
Loading thumbnail…

DATA VISUALIZATION

This example displays a text summary of a population dataset from the 2018 United Nations World Population Prospects, presenting the file size, row count, and column count in a terminal-style black-and-green interface. It loads a CSV file from a GitHub gist using the `d3.csv` method, then computes the data’s size in kilobytes with `d3.csvFormat` and appends the tabular dimensions to a `<pre>` element. The visualization relies on D3 v5 and demonstrates basic data loading, formatting, and DOM manipulation.

Aajaysonu
64% match
Loading thumbnail…

Data Table Summary

This visualization displays a text summary of a dataset on exports to China and the United States from 2000 to 2016, sourced from the World Trade Organization. It shows the total row count, column count, and data size in kilobytes, followed by the first ten rows formatted as JSON. The code uses D3 v5’s `select`, `csv`, and `csvFormat` APIs to load the data and append `<pre>` elements to the body, while the styling uses a black background and green monospace text.

Vveagy
63% match