Skip to main content
SimilarExport ZIP
100%

Demographics of Social Media

✓ Published0🌍 Public
NNicholas Smith
Last edited Sep 24, 2019
Created on Sep 10, 2019

This example displays a simple text summary of the loaded social media dataset, reporting its size in kilobytes, row count, and column count. The visualization uses d3.csv to fetch and parse the CSV file from a GitHub gist, then formats the resulting data with d3.csvFormat to calculate the file size. The final message is rendered into a pre element using standard DOM textContent, with no charts or graphics. The code also includes commented-out alternatives using fetch, async/await, and a nested promise “pyramid of doom” to demonstrate different parsing workflows.

AI-generated description

Loads in and parses the csv dataset of Social Media Use and if it is good or bad for society

MIT Licensed

Similar vizzes

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
75% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

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

Social Media Analysis Loading Data

This example demonstrates the initial data-loading stage of a social media analysis dashboard. It fetches a CSV file from GitHub, filters out responses from participants who did not consent or are under 18, and restructures the raw survey columns into consolidated fields using a custom `combine` function. The raw data is displayed as JSON in a `<pre>` element. The process uses the `fetch` API, `csvParse`, and `select` from D3 v7, with state management handled through a custom `setState` callback.

Fflanagancarlie@gmail.com
73% match
Loading thumbnail…

Loading Data With Fetch

This example demonstrates the file size of a CSV dataset after it is loaded and parsed. It fetches data from a GitHub Gist containing baby name statistics from 1880, then displays the formatted size in kilobytes within a large text element. The visualization uses D3 version 7.6.1, specifically the `d3.csv` method, to retrieve and parse the data, and `d3.csvFormat` to measure its serialized length. The result is a minimal, text-based output that quantifies the data payload.

AAdrianna87
73% match
Loading thumbnail…

Data Table Summary

This example displays a plain-text summary of a CSV data table about population estimates for the most populous countries in 2018. It shows the number of rows, columns, and file size in kilobytes, followed by the first 10 rows of the data formatted as JSON. The visualization uses d3.csv to load the data and d3.csvFormat to calculate the size, then writes results into <pre> elements via d3.select. The styling adopts a green-on-black terminal aesthetic from the provided CSS.

Ffloresh
73% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data with D3, displaying basic metadata about the dataset. After fetching the CSV file from a GitHub gist, it computes and presents the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3's `d3.csv` method to asynchronously fetch and parse the data, followed by `d3.csvFormat` to measure the raw text length. The resulting statistics are rendered as large text in an HTML `<pre>` element, with alternative commented-out approaches using `fetch`, `async`/`await`, and `d3.csvParse`.

LLei Lei
72% match
Loading thumbnail…

Data Table Summary

This example summarizes a CSV of 2018 population estimates from the United Nations World Population Prospects. It displays the number of rows, columns, and file size in kilobytes, followed by the first ten rows as formatted JSON. The code uses `d3.csv` to load the data, `d3.csvFormat` to calculate its byte size, and D3 selections to append `<pre>` elements to the page body. The data is shown in a monospaced, green-on-black terminal style.

Vveagy
72% match